@import url("https://fonts.googleapis.com/css2?family=Epilogue:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");

:root {
  color-scheme: light;

  --color-bg: #f5f5f2;
  --color-surface: #ffffff;
  --color-surface-muted: #d9dbdd;
  --color-text: #040707;
  --color-text-muted: #4f5053;
  --color-border: #a7a9ac;

  --color-primary: #6a8542;
  --color-primary-hover: #4f6530;
  --color-secondary: #6d6e71;
  --color-accent: #c96e4a;
  --color-accent-soft: rgba(201, 110, 74, 0.14);
  --color-link: #6a8542;

  --color-success: #2f7a4b;
  --color-warning: #a66a1d;
  --color-danger: #b23a33;

  --shadow-soft: 0 10px 30px rgba(4, 7, 7, 0.08);

  --font-heading: "Epilogue", "Segoe UI", "Inter", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --ticker-display: none;
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --color-bg: #040707;
  --color-surface: #111415;
  --color-surface-muted: #1a1f20;
  --color-text: #f5f5f2;
  --color-text-muted: #d9dbdd;
  --color-border: #4f5053;

  --color-primary: #92a86a;
  --color-primary-hover: #a8bd84;
  --color-secondary: #a7a9ac;
  --color-accent: #c96e4a;
  --color-accent-soft: rgba(201, 110, 74, 0.2);
  --color-link: #92a86a;

  --color-success: #67b983;
  --color-warning: #d39a4c;
  --color-danger: #e07a72;

  --shadow-soft: 0 14px 36px rgba(0, 0, 0, 0.35);
}

html,
body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
}

button,
input,
select,
textarea {
  font-family: var(--font-body);
}

a {
  color: var(--color-link);
}

a:hover {
  color: var(--color-primary-hover);
}