/*
 * Tokens visuais compartilhados do SNC.
 * Este arquivo não estiliza componentes nem telas: a apresentação fica nas
 * classes Tailwind dos componentes Blade.
 */
:root {
  color-scheme: light;
  --snc-font: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --snc-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --snc-canvas: #F5F7FB;
  --snc-surface: #FFFFFF;
  --snc-surface-2: #F8FAFC;
  --snc-text: #172033;
  --snc-muted: #667085;
  --snc-subtle: #7A8699;
  --snc-placeholder: #98A2B3;
  --snc-border: #E3E8EF;
  --snc-border-strong: #CBD3DF;
  --snc-border-hover: #B6C0CE;
  --snc-primary: #2563EB;
  --snc-primary-hover: #1D4ED8;
  --snc-primary-soft: #EFF6FF;
  --snc-on-primary: #FFFFFF;
  --snc-on-danger: #FFFFFF;
  --snc-success: #15803D;
  --snc-success-soft: #DCFCE7;
  --snc-warning: #B45309;
  --snc-warning-soft: #FEF3C7;
  --snc-danger: #B91C1C;
  --snc-danger-soft: #FEE2E2;
  --snc-info: #0369A1;
  --snc-info-soft: #E0F2FE;
  --snc-focus: #2563EB;
  --snc-accent: #2563EB;
  --snc-login-background-start: var(--snc-primary);
  --snc-login-background-end: color-mix(in srgb, var(--snc-accent) 70%, var(--snc-primary));
  --snc-login-overlay: var(--snc-primary);
  --snc-login-on-image: #FFFFFF;
  --snc-code-bg: #0B1220;
  --snc-code-text: #DBEAFE;
  --snc-control: #F5F7FB;
  --snc-hover: #F1F5F9;
  --snc-elevated: #FFFFFF;
  --snc-env-bg: #FFE9B5;
  --snc-env-border: #E7C16D;
  --snc-env-text: #6F4808;
  --snc-env-icon: #9C6508;
  --snc-shadow-rgb: 15 23 42;
  --snc-shadow-soft: 0 1px 2px rgb(var(--snc-shadow-rgb) / .05);
  --snc-shadow-lift: 0 16px 40px rgb(var(--snc-shadow-rgb) / .14);
  --snc-overlay: rgb(7 27 54 / .55);
  --snc-radius-sm: 6px;
  --snc-radius-md: 8px;
  --snc-radius: 12px;
  --snc-radius-lg: 12px;
  --snc-radius-pill: 999px;
  --snc-control-h: 36px;
  --snc-field-h: var(--snc-control-h);
  --snc-control-radius: 8px;
  --snc-control-px: 10px;
  --snc-control-px-primary: 12px;
  --snc-field-px: 12px;
  --snc-checkbox-size: 18px;
  --snc-checkbox-radius: 6px;
  --snc-topbar-h: 72px;
  --snc-banner-h: 0px;
  --snc-sidebar-w: 256px;
  --snc-sidebar-mini: 72px;
  --snc-ease: cubic-bezier(.22, 1, .36, 1);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --snc-canvas: #0F172A;
  --snc-surface: #172238;
  --snc-surface-2: #1E2D46;
  --snc-text: #E5EEFA;
  --snc-muted: #A9BBD3;
  --snc-subtle: #91A5C0;
  --snc-placeholder: #7D91AE;
  --snc-border: #2D4260;
  --snc-border-strong: #3C5574;
  --snc-border-hover: #4C6687;
  --snc-primary: #8AB4F8;
  --snc-primary-hover: #A5C5F9;
  --snc-primary-soft: #223B5F;
  --snc-on-primary: #0F2238;
  --snc-on-danger: #321F23;
  --snc-success: #81D6A0;
  --snc-success-soft: #2B4035;
  --snc-warning: #E7C17A;
  --snc-warning-soft: #453B2A;
  --snc-danger: #F09A9A;
  --snc-danger-soft: #49333A;
  --snc-info: #89CBE8;
  --snc-info-soft: #2D414D;
  --snc-focus: #8AB4F8;
  --snc-accent: #8AB4F8;
  --snc-login-background-start: #2A4D77;
  --snc-login-background-end: #4B75A5;
  --snc-login-overlay: #07182C;
  --snc-code-bg: #101B2D;
  --snc-code-text: #DCEBFF;
  --snc-control: #111D31;
  --snc-hover: #243650;
  --snc-elevated: #22334E;
  --snc-shadow-rgb: 0 0 0;
  --snc-overlay: rgb(0 0 0 / .6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --snc-canvas: #0F172A;
    --snc-surface: #172238;
    --snc-surface-2: #1E2D46;
    --snc-text: #E5EEFA;
    --snc-muted: #A9BBD3;
    --snc-subtle: #91A5C0;
    --snc-placeholder: #7D91AE;
    --snc-border: #2D4260;
    --snc-border-strong: #3C5574;
    --snc-border-hover: #4C6687;
    --snc-primary: #8AB4F8;
    --snc-primary-hover: #A5C5F9;
    --snc-primary-soft: #223B5F;
    --snc-on-primary: #0F2238;
    --snc-on-danger: #321F23;
    --snc-success: #81D6A0;
    --snc-success-soft: #2B4035;
    --snc-warning: #E7C17A;
    --snc-warning-soft: #453B2A;
    --snc-danger: #F09A9A;
    --snc-danger-soft: #49333A;
    --snc-info: #89CBE8;
    --snc-info-soft: #2D414D;
    --snc-focus: #8AB4F8;
    --snc-accent: #8AB4F8;
    --snc-login-background-start: #2A4D77;
    --snc-login-background-end: #4B75A5;
    --snc-login-overlay: #07182C;
    --snc-code-bg: #101B2D;
    --snc-code-text: #DCEBFF;
    --snc-control: #111D31;
    --snc-hover: #243650;
    --snc-elevated: #22334E;
    --snc-shadow-rgb: 0 0 0;
    --snc-overlay: rgb(0 0 0 / .6);
  }
}