// Lux Carbon — Design Tokens v2 (SCSS)
// Fonte: Manual de marca (Estúdio Vestígio, 2026) + Lux Carbon - IDV

// Institucionais
$lc-verde-escuro: #0B3D2E;
$lc-azul-petroleo: #003C63;
$lc-navy: #02172E;

// Escalas
$lc-verde-100: #85B199;
$lc-verde-500: #1E6E43; // CTA do manual
$lc-verde-900: #0B3D2E;
$lc-azul-100: #D5E5EC;
$lc-azul-400: #7596AB;
$lc-azul-800: #003C63;
$lc-neutro-0: #FFFFFF;
$lc-neutro-100: #EBECEE;
$lc-neutro-300: #A4ABB4; // só placeholder/desabilitado
$lc-neutro-600: #495869;
$lc-neutro-900: #02172E;

// Acentos (pontuais; nunca texto sobre claro)
$lc-lime: #90D62E;
$lc-sky: #59C3FF;

// Cores internas do logo (referência — não usar em UI)
$lc-logo-navy: #17293F;
$lc-logo-branco: #FDFEFF;
$lc-logo-verde: #1E6E43;
$lc-logo-verde-claro: #7EB572;

// Feedback (convenção da skill, AA validado)
$lc-success: #1E6E43;  $lc-success-bg: #E8F1EC;
$lc-info: #003C63;     $lc-info-bg: #D5E5EC;
$lc-warning: #8A6A00;  $lc-warning-bg: #FFF4D6;
$lc-danger: #9B1C1C;   $lc-danger-bg: #FDE8E8;

// Gradiente institucional (só hero/capa/divisória)
$lc-gradient-brand: linear-gradient(135deg, #02172E 0%, #003C63 45%, #1E6E43 100%);

// Gráficos (ordem fixa)
$lc-chart: (#0B3D2E, #003C63, #85B199, #7596AB, #90D62E, #495869, #59C3FF);

// Tipografia
$lc-font-heading: "Zalando Sans", system-ui, -apple-system, "Segoe UI", Helvetica, sans-serif;
$lc-font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", Helvetica, sans-serif;
$lc-fw-light: 300; $lc-fw-regular: 400; $lc-fw-medium: 500; $lc-fw-semibold: 600; $lc-fw-bold: 700;
$lc-fs-display: 3.815rem; $lc-fs-h1: 3.052rem; $lc-fs-h2: 2.441rem; $lc-fs-h3: 1.953rem;
$lc-fs-h4: 1.563rem; $lc-fs-h5: 1.25rem;
$lc-fs-body-lg: 1.25rem; $lc-fs-body: 1rem; $lc-fs-body-sm: 0.875rem; $lc-fs-caption: 0.75rem;
$lc-ls-tight: -0.02em;    // headline (manual -2%)
$lc-ls-overline: 0.05em;  // overline (manual +5%)
$lc-lh-hero: 1.05; $lc-lh-heading: 1.2; $lc-lh-peca: 1.4; $lc-lh-normal: 1.55;

// Espaço (escala 4px)
$lc-space: (1: 4px, 2: 8px, 3: 12px, 4: 16px, 6: 24px, 8: 32px, 12: 48px, 16: 64px, 24: 96px, 32: 128px);

// Raio / sombra
$lc-radius-sm: 4px; $lc-radius-md: 8px; $lc-radius-lg: 16px; $lc-radius-xl: 24px; $lc-radius-full: 9999px;
$lc-shadow-sm: 0 1px 2px rgba(2, 23, 46, 0.06);
$lc-shadow-md: 0 4px 12px rgba(2, 23, 46, 0.08);
$lc-shadow-lg: 0 12px 32px rgba(2, 23, 46, 0.12);

// Layout
$lc-container: 1200px; $lc-measure: 65ch;
$lc-control-h: 44px; $lc-control-h-sm: 36px; $lc-control-h-lg: 52px; $lc-header-h: 72px;
$lc-bp-sm: 640px; $lc-bp-md: 768px; $lc-bp-lg: 1024px; $lc-bp-xl: 1280px;
