/* Lege Light-Mode-Tokens als Default fest */
:root {
  /* Neutrals (gewaermt) */
  --wm-bg-page:        #F4F2EC;
  --wm-bg-surface:     #FFFFFF;
  --wm-border:         #ECEAE3;
  --wm-text-primary:   #1A1D21;
  --wm-text-secondary: #54524B;
  --wm-text-muted:     #757369;

  /* Tuerkis: Text-Ton (Links) dunkler, Flaechen-Ton heller */
  --wm-accent-text:    #0B7D70;
  --wm-accent-surface: #0E9C8C;
  --wm-accent-hover:   #0C8A7E;

  /* Koralle: Zweitfarbe fuer Aktivitaet/Trending */
  --wm-coral-text:     #B23E22;
  --wm-coral-surface:  #C2492A;
  --wm-coral-bg:       #FAE7E1;

  /* Badges: Kategorie-Toenung */
  --wm-badge-primary-bg:  #D5F4EF;
  --wm-badge-neutral-bg:  var(--wm-border);

  /* Akzent-Toenung fuer subtile Borders */
  --wm-accent-tint:    rgba(14, 156, 140, 0.30);

  /* Schrift */
  --wm-font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;
  --wm-font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --wm-font-mono:    "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;

  /* Abstaende */
  --wm-space-xs: 4px;
  --wm-space-sm: 8px;
  --wm-space-md: 16px;
  --wm-space-lg: 24px;
  --wm-space-xl: 40px;

  /* Radien */
  --wm-radius-sm: 6px;
  --wm-radius-md: 8px;
  --wm-radius-lg: 12px;
}

/* Ueberschreibe fuer Dark Mode */
[data-theme="dark"] {
  --wm-bg-page:        #14171A;
  --wm-bg-surface:     #1B1F23;
  --wm-border:         #24282C;
  --wm-text-primary:   #ECEAE5;
  --wm-text-secondary: #A7A59C;
  --wm-text-muted:     #9A988F;

  --wm-accent-text:    #1FCBBA;
  --wm-accent-surface: #1FCBBA;
  --wm-accent-hover:   #3FD8C8;

  --wm-coral-text:     #F08A66;
  --wm-coral-surface:  #F08A66;
  --wm-coral-bg:       #3A1F16;

  --wm-badge-primary-bg:  #0D2926;
  --wm-accent-tint:    rgba(31, 203, 186, 0.28);
}