/* anyVersum — Farbsystem
   Basis: tiefes Nachtindigo (Mystik, Tiefe) + warmes Papier (Seriosität, Lesbarkeit)
   Akzente: lebendige Aurora-Töne — Violett, Petrol, Gold, Magenta */
:root {
  /* Nacht (Basiswerte) */
  --ink-950: #0a0d1e;
  --ink-900: #10142b;
  --ink-800: #1a2140;
  --ink-700: #2a3358;
  --ink-600: #3d4770;
  --ink-400: #6b76a3;
  --ink-300: #99a2c4;
  --ink-200: #c6cbde;

  /* Papier (Basiswerte) */
  --paper-50: #fbf9f4;
  --paper-100: #f5f1e8;
  --paper-200: #eae4d6;
  --paper-300: #d8d0bd;

  /* Aurora-Akzente */
  --violet-600: #4d38c4;
  --violet-500: #5f49d6;
  --violet-400: #7d6ae6;
  --violet-100: #e9e5fb;
  --teal-600: #0d8578;
  --teal-500: #12a594;
  --teal-400: #2fc4b2;
  --teal-100: #dcf3ef;
  --gold-600: #a3761f;
  --gold-500: #c08a2d;
  --gold-400: #d9a441;
  --gold-100: #f6ecd8;
  --magenta-600: #9c2f67;
  --magenta-500: #b93b7c;
  --magenta-400: #d05e97;
  --magenta-100: #f7e3ee;

  /* Semantische Aliase — Licht (Standard) */
  --surface-page: var(--paper-50);
  --surface-card: #ffffff;
  --surface-raised: var(--paper-100);
  --surface-inverse: var(--ink-950);
  --text-strong: var(--ink-950);
  --text-body: #2b3050;
  --text-muted: #5c6486;
  --text-inverse: var(--paper-50);
  --text-accent: var(--violet-600);
  --border-subtle: #e3ddce;
  --border-strong: #c9c2af;
  --focus-ring: var(--violet-400);

  /* Interaktion */
  --action-primary: var(--violet-500);
  --action-primary-hover: var(--violet-600);
  --action-secondary: var(--ink-900);
  --link: var(--violet-600);
  --link-hover: var(--violet-500);

  /* Status */
  --status-success: var(--teal-600);
  --status-success-bg: var(--teal-100);
  --status-warning: var(--gold-600);
  --status-warning-bg: var(--gold-100);
  --status-danger: #b8433d;
  --status-danger-bg: #f9e4e2;
  --status-info: var(--violet-600);
  --status-info-bg: var(--violet-100);
}

/* Dunkler Themenbereich (mystische Sektionen, Hero, Footer) */
.av-dark {
  --surface-page: var(--ink-950);
  --surface-card: var(--ink-900);
  --surface-raised: var(--ink-800);
  --surface-inverse: var(--paper-50);
  --text-strong: var(--paper-50);
  --text-body: var(--ink-200);
  --text-muted: var(--ink-400);
  --text-inverse: var(--ink-950);
  --text-accent: var(--violet-400);
  --border-subtle: #262e52;
  --border-strong: #39426e;
  --action-primary: var(--violet-500);
  --action-primary-hover: var(--violet-400);
  --action-secondary: var(--paper-50);
  --link: var(--teal-400);
  --link-hover: var(--teal-500);
  color: var(--text-body);
  background: var(--surface-page);
}