:root {
  color-scheme: light;

  /* Identidad Aldea Pucela */
  --color-primary: #66517d;
  --color-primary-dark: #4f3e62;
  --color-secondary: #1e9e8a;
  --color-secondary-dark: #147a6b;
  --color-secondary-soft: #dff4ef;
  --color-telegram: #229ed9;
  --color-telegram-dark: #168ac0;
  --color-telegram-soft: #e7f6fd;
  --color-tertiary: #5c6472;

  /* Superficies y texto */
  --bg-body: #f4f4f4;
  --bg-container: #fefefe;
  --bg-card: #ffffff;
  --bg-card-hover: #f7f7f8;
  --bg-highlight: #f1e8d5;
  --text-main: #27272a;
  --text-secondary: #52525b;
  --text-muted: #71717a;
  --border-light: #e3dbd0;
  --border-strong: #cfc5b8;

  /* Tipografía */
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --font-display: Georgia, "Times New Roman", serif;

  /* Geometría, espaciado y profundidad */
  --radius-sm: 0.5rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.25rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --content-narrow: 44rem;
  --shadow-soft: 0 0.75rem 2rem rgb(39 39 42 / 8%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-primary: #b5a7bf;
    --color-primary-dark: #d7cedc;
    --color-secondary: #78c1b2;
    --color-secondary-dark: #9ad5ca;
    --color-secondary-soft: #1d322e;
    --color-telegram: #49b7e7;
    --color-telegram-dark: #78c9ef;
    --color-telegram-soft: #12394b;
    --color-tertiary: #b5beb9;
    --bg-body: #111412;
    --bg-container: #171b19;
    --bg-card: #202522;
    --bg-card-hover: #282f2b;
    --bg-highlight: #2b2922;
    --text-main: #eff3f0;
    --text-secondary: #c6cfca;
    --text-muted: #929d96;
    --border-light: #343c37;
    --border-strong: #4a5750;
    --shadow-soft: 0 0.5rem 1.25rem rgb(0 0 0 / 18%);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-primary: #b5a7bf;
  --color-primary-dark: #d7cedc;
  --color-secondary: #78c1b2;
  --color-secondary-dark: #9ad5ca;
  --color-secondary-soft: #1d322e;
  --color-telegram: #49b7e7;
  --color-telegram-dark: #78c9ef;
  --color-telegram-soft: #12394b;
  --color-tertiary: #b5beb9;
  --bg-body: #111412;
  --bg-container: #171b19;
  --bg-card: #202522;
  --bg-card-hover: #282f2b;
  --bg-highlight: #2b2922;
  --text-main: #eff3f0;
  --text-secondary: #c6cfca;
  --text-muted: #929d96;
  --border-light: #343c37;
  --border-strong: #4a5750;
  --shadow-soft: 0 0.5rem 1.25rem rgb(0 0 0 / 18%);
}