/*
 * Fundação passiva: os aliases apontam para os tokens legados carregados em
 * seguida. Nenhuma regra de componente deve ser adicionada aqui nesta etapa.
 */
@layer reset, base, layout, components, utilities, pages, overrides;

@layer base {
  :root {
    --color-background: var(--bg);
    --color-background-deep: var(--bg-deep);
    --color-surface: var(--panel);
    --color-surface-subtle: var(--panel-soft);
    --color-text-primary: var(--ink);
    --color-text-secondary: var(--muted);
    --color-border: var(--line);
    --color-border-emphasis: var(--line-strong);
    --color-primary: var(--accent);
    --color-primary-hover: var(--accent-strong);
    --color-primary-subtle: var(--accent-soft);
    --color-info: var(--cyan);
    --color-success: var(--success);
    --color-warning: var(--warning);
    --color-danger: var(--danger);

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 18px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-inline-xs: var(--space-xs);
    --space-inline-sm: var(--space-sm);
    --space-inline-md: var(--space-md);
    --space-inline-lg: var(--space-lg);

    --font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system,
      BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.65;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-pill: 999px;
    --shadow-lg: var(--shadow);
    --transition-fast: 120ms ease;
    --transition-standard: 180ms ease;
    --transition-slow: 280ms ease;

    --z-base: 0;
    --z-content: 1;
    --z-sticky: 10;
    --z-dropdown: 20;
    --z-modal: 30;
    --z-toast: 40;

    --layout-header-height: var(--site-header-height);
    --layout-content-max: var(--content-max-width);
    --layout-content-gutter: var(--content-gutter);
    --control-height-md: var(--control-min-height);
    --control-border-width: 1px;
    --control-focus-width: 2px;
    --control-disabled-opacity: 0.56;
    --control-switch-inline-size: 2.75rem;
    --control-switch-block-size: 1.5rem;
    --control-switch-thumb-size: 1rem;
  }
}