/* Light theme (default) */
:root,
.izwb-theme-light {
  --color-brand-yellow: #F4C430;
  --color-brand-orange: #FF6B35;
  /* P-REC.7 : vert moyen = accent master, bleu clair = accent Connect */
  --color-brand-green: #2E9E5B;
  --color-brand-blue: #5B8DEF;
  --color-brand-grey: #7A7A7A;
  --color-brand-black: #1A1A1A;
  --color-surface-bg: #FFFFFF;
  --color-surface-elevated: #F7F7F6;
  --color-surface-sunken: #EEEEEC;
  --color-border-default: #E6E6E3;
  --color-border-strong: #C8C8C4;
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #7A7A7A;
  --color-text-tertiary: #A8A8A4;
  --color-text-disabled: #C8C8C4;
  --color-accent-base: #2E9E5B; /* P-REC.7 : web app = master → vert moyen */
  --color-semantic-success: #0AA37F;
  --color-semantic-warning: #E08E0B;
  --color-semantic-danger: #D9534F;
  --color-semantic-info: #1F6FEB;
  --color-status-success: #0AA37F;
  --color-status-warning: #E08E0B;
  --color-status-error: #D9534F;
  --color-freshness-fresh: #3ECF3E;
  --color-freshness-amber: #E8A93B;
  --color-freshness-stale: #D9534F;
}

/* Dark theme */
.izwb-theme-dark {
  --color-brand-yellow: #F4C430;
  --color-brand-orange: #FF8157;
  --color-brand-green: #43B878;
  --color-brand-blue: #7BA4F2;
  --color-brand-grey: #A8A8A4;
  --color-brand-black: #FFFFFF;
  --color-surface-bg: #121212;
  --color-surface-elevated: #1E1E1E;
  --color-surface-sunken: #2A2A2A;
  --color-border-default: #3A3A3A;
  --color-border-strong: #555;
  --color-text-primary: #F5F5F5;
  --color-text-secondary: #B0B0B0;
  --color-text-tertiary: #888;
  --color-text-disabled: #555;
  --color-accent-base: #43B878; /* P-REC.7 : vert éclairci pour le dark */
  --color-semantic-success: #2DBE96;
  --color-semantic-warning: #F0A832;
  --color-semantic-danger: #E76A66;
  --color-semantic-info: #5C8AF0;
  --color-status-success: #2DBE96;
  --color-status-warning: #F0A832;
  --color-status-error: #E76A66;
  --color-freshness-fresh: #5BD95B;
  --color-freshness-amber: #F0BB55;
  --color-freshness-stale: #E76A66;
}

/* Spacing / radius / motion (theme-agnostic) */
:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-medium: 320ms;
  --motion-slow: 500ms;
}

body {
  background-color: var(--color-surface-bg);
  color: var(--color-text-primary);
  margin: 0;
}

/* Pas de soulignement par défaut sur les ancres dans l'app — on contrôle visuellement
   via la couleur active orange et le fond highlight. Les liens externes spécifiques
   peuvent ré-activer text-decoration: underline localement. */
a {
  text-decoration: none;
  color: inherit;
}