/*
 * Silume Design System — fonte canônica de tokens visuais
 * Versão 1.0.0 | Item 29
 * A paleta de marca é oficial. Cores funcionais são auxiliares de interface.
 */

:root {
    /* Paleta oficial da marca */
    --sl-brand-petroleo: #123c42;
    --sl-brand-mineral: #2d6e70;
    --sl-brand-lume: #d89a4a;
    --sl-brand-grafite: #526267;
    --sl-brand-marfim: #fffdfc;

    /* Neutros auxiliares */
    --sl-neutral-white: #ffffff;
    --sl-neutral-025: #fbfcfb;
    --sl-neutral-050: #f3f5f3;
    --sl-neutral-100: #e9eeeb;
    --sl-neutral-200: #d9e1de;
    --sl-neutral-300: #bdcbc7;
    --sl-neutral-500: #71817f;
    --sl-neutral-700: #435356;
    --sl-neutral-900: #1b3034;

    /* Cores funcionais auxiliares */
    --sl-success-050: #edf7f2;
    --sl-success-200: #b8dfcf;
    --sl-success-700: #236348;
    --sl-warning-050: #fff7e8;
    --sl-warning-200: #f0cf93;
    --sl-warning-800: #6f4d13;
    --sl-danger-050: #fff1f0;
    --sl-danger-200: #efb8b5;
    --sl-danger-700: #963d3a;
    --sl-danger-800: #7d2f2d;
    --sl-info-050: #edf6f6;
    --sl-info-200: #b6d6d5;
    --sl-info-700: #2d6e70;

    /* Tokens semânticos */
    --sl-color-text-primary: var(--sl-brand-petroleo);
    --sl-color-text-secondary: var(--sl-brand-grafite);
    --sl-color-text-muted: var(--sl-neutral-700);
    --sl-color-text-inverse: var(--sl-brand-marfim);
    --sl-color-text-link: var(--sl-brand-mineral);
    --sl-color-surface-page: var(--sl-brand-marfim);
    --sl-color-surface-panel: var(--sl-neutral-white);
    --sl-color-surface-subtle: var(--sl-neutral-050);
    --sl-color-surface-strong: var(--sl-brand-petroleo);
    --sl-color-border-default: var(--sl-neutral-200);
    --sl-color-border-strong: var(--sl-neutral-300);
    --sl-color-action-primary: var(--sl-brand-petroleo);
    --sl-color-action-primary-hover: #0c3035;
    --sl-color-action-secondary: var(--sl-brand-mineral);
    --sl-color-action-secondary-hover: #235a5c;
    --sl-color-accent: var(--sl-brand-lume);
    --sl-color-focus: var(--sl-brand-petroleo);
    --sl-color-disabled-bg: var(--sl-neutral-100);
    --sl-color-disabled-text: var(--sl-neutral-500);

    /* Tipografia */
    --sl-font-heading: "Manrope", "Inter", system-ui, sans-serif;
    --sl-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --sl-font-weight-regular: 400;
    --sl-font-weight-medium: 500;
    --sl-font-weight-semibold: 600;
    --sl-font-weight-bold: 700;
    --sl-font-weight-extrabold: 800;
    --sl-font-size-100: 0.75rem;
    --sl-font-size-200: 0.8125rem;
    --sl-font-size-300: 0.875rem;
    --sl-font-size-400: 1rem;
    --sl-font-size-500: 1.125rem;
    --sl-font-size-600: 1.25rem;
    --sl-font-size-700: 1.5rem;
    --sl-font-size-800: 2rem;
    --sl-font-size-900: 2.5rem;
    --sl-font-size-1000: 3.25rem;
    --sl-line-height-tight: 1.15;
    --sl-line-height-heading: 1.25;
    --sl-line-height-body: 1.6;
    --sl-letter-spacing-tight: -0.025em;
    --sl-letter-spacing-label: 0.04em;

    /* Escala de espaçamento — base 4 px */
    --sl-space-0: 0;
    --sl-space-1: 0.25rem;
    --sl-space-2: 0.5rem;
    --sl-space-3: 0.75rem;
    --sl-space-4: 1rem;
    --sl-space-5: 1.25rem;
    --sl-space-6: 1.5rem;
    --sl-space-8: 2rem;
    --sl-space-10: 2.5rem;
    --sl-space-12: 3rem;
    --sl-space-16: 4rem;
    --sl-space-20: 5rem;
    --sl-space-24: 6rem;

    /* Dimensões */
    --sl-control-sm: 2.5rem;
    --sl-control-md: 2.75rem;
    --sl-control-lg: 3.25rem;
    --sl-icon-sm: 1rem;
    --sl-icon-md: 1.25rem;
    --sl-icon-lg: 1.5rem;
    --sl-sidebar-width: 16rem;
    --sl-content-readable: 46rem;
    --sl-content-wide: 74rem;

    /* Raios */
    --sl-radius-none: 0;
    --sl-radius-sm: 0.375rem;
    --sl-radius-md: 0.625rem;
    --sl-radius-lg: 0.875rem;
    --sl-radius-xl: 1.25rem;
    --sl-radius-2xl: 2rem;
    --sl-radius-pill: 999px;

    /* Elevação */
    --sl-shadow-1: 0 1px 2px rgb(18 60 66 / 7%), 0 1px 5px rgb(18 60 66 / 5%);
    --sl-shadow-2: 0 8px 24px rgb(18 60 66 / 10%);
    --sl-shadow-3: 0 24px 70px rgb(18 60 66 / 14%);
    --sl-shadow-focus: 0 0 0 3px rgb(18 60 66 / 22%);

    /* Camadas */
    --sl-z-base: 0;
    --sl-z-sticky: 100;
    --sl-z-dropdown: 300;
    --sl-z-overlay: 500;
    --sl-z-modal: 600;
    --sl-z-toast: 700;
    --sl-z-skip-link: 900;

    /* Movimento */
    --sl-duration-fast: 120ms;
    --sl-duration-normal: 180ms;
    --sl-ease-standard: cubic-bezier(0.2, 0, 0, 1);

    /* Compatibilidade temporária com a página pública existente */
    --cor-petroleo: var(--sl-brand-petroleo);
    --cor-mineral: var(--sl-brand-mineral);
    --cor-lume: var(--sl-brand-lume);
    --cor-grafite: var(--sl-brand-grafite);
    --cor-marfim: var(--sl-brand-marfim);
    --cor-nevoa: var(--sl-neutral-050);
    --cor-linha: var(--sl-neutral-200);
    --cor-branco: var(--sl-neutral-white);
    --sombra-suave: var(--sl-shadow-3);
    --largura-conteudo: var(--sl-content-wide);
    --raio-grande: var(--sl-radius-2xl);
}