/* Tokens oficiais: DESIGN_SYSTEM_TECHNICAL_CATALOG.md 0.2 §3.
   Declarados uma vez na camada de tema. Superfície, tipo e espaço:
   o catálogo §13 ainda não publicou — camada local abaixo, não é padrão de produto. */

:root {
  --icon-size-dense: 14px;
  --icon-size-compact: 16px;
  --icon-size-control: 20px;
  --icon-size-feature: 24px;
  --icon-stroke-dense: 1.75;
  --icon-stroke-compact: 1.75;
  --icon-stroke-control: 1.5;
  --icon-stroke-feature: 1.5;
  --icon-color-disabled: currentColor;
  --icon-opacity-disabled: 0.55;

  --color-brand-accent: #14497E;
  --color-brand-surface: #14497E;
  --color-action-accent: #2563EB;
  --color-action-surface: #2563EB;
  --color-on-brand: #FFFFFF;
  --color-on-action: #FFFFFF;
  --color-action-soft: color-mix(in srgb, var(--color-action-accent) 8%, var(--surface-raised));
  --color-action-border: color-mix(in srgb, var(--color-action-accent) 34%, var(--surface-raised));
  --color-focus-ring: color-mix(in srgb, var(--color-action-accent) 38%, transparent);

  /* Camada local do recorte — não preenche pendência do catálogo §13. */
  --surface-page: #F4F6F8;
  --surface-raised: #FFFFFF;
  --surface-sunken: #EEF1F4;
  --text-primary: #122033;
  --text-secondary: #5B6775;
  --text-muted: #7A8694;
  --stroke-subtle: #E2E7ED;
}

html[data-theme="dark"] {
  --color-brand-accent: #97C3EF;
  --color-brand-surface: #14497E;
  --color-action-accent: #5C8BF0;
  --color-action-surface: #2563EB;
  --color-on-brand: #FFFFFF;
  --color-on-action: #FFFFFF;
  --surface-page: #0E141B;
  --surface-raised: #17202A;
  --surface-sunken: #121A22;
  --text-primary: #E8EEF4;
  --text-secondary: #A8B4C0;
  --text-muted: #7E8B99;
  --stroke-subtle: #2A3642;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="auto"] {
    --color-brand-accent: #97C3EF;
    --color-brand-surface: #14497E;
    --color-action-accent: #5C8BF0;
    --color-action-surface: #2563EB;
    --color-on-brand: #FFFFFF;
    --color-on-action: #FFFFFF;
    --surface-page: #0E141B;
    --surface-raised: #17202A;
    --surface-sunken: #121A22;
    --text-primary: #E8EEF4;
    --text-secondary: #A8B4C0;
    --text-muted: #7E8B99;
    --stroke-subtle: #2A3642;
  }
}