/**
 * Centralcomm — Design Tokens (Redesign)
 */

:root {
    --verde: #4aff6b;
    --verde-mid: #4caf50;
    /* Verde legível em fundos claros (WCAG AA) */
    --verde-on-light: #167a3a;
    --verde-on-light-strong: #0f5c2e;
    --verde-on-light-hover: #125f30;
    --border-accent-on-light: #2a8f4e;
    --accent-bg-on-light: rgba(22, 122, 58, 0.1);
    --accent-border-on-light: rgba(22, 122, 58, 0.28);
    --dourado: #f5a623;
    --preto: #080808;
    --dark-1: #0f0f0f;
    --dark-2: #141414;
    --dark-3: #1a1c19;
    --borda: #252522;
    --branco: #ffffff;
    --c300: #b0b0ac;
    --c500: #6b6b68;
    --c700: #2a2a28;

    /* Superfícies claras (conteúdo padrão) */
    --light-0: #ffffff;
    --light-1: #f7f8fa;
    --light-2: #f0f1f4;
    --light-3: #e1e4eb;
    --text-on-light: #141414;
    --text-on-light-secondary: #4a4a47;
    --text-on-light-muted: #6b6b68;
    --border-on-light: #e1e4eb;

    --display: 'Nunito', sans-serif;
    --body: 'Nunito Sans', sans-serif;

    --s4: 4px;
    --s8: 8px;
    --s16: 16px;
    --s24: 24px;
    --s32: 32px;
    --s40: 40px;
    --s64: 64px;

    --r6: 6px;
    --r12: 12px;
    --r16: 16px;
    --r24: 24px;
    --r32: 32px;
    --rfull: 9999px;

    --shadow-verde: 0 0 32px rgba(74, 255, 107, 0.28);
    --shadow-card: 0 24px 80px rgba(0, 0, 0, 0.42);
    --t-base: all 0.2s ease;
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

    /* Aliases legados */
    --verde-neon: var(--verde);
    --verde-intersecao: var(--verde-mid);
    --grafite: var(--c700);
    --cinza-300: var(--c300);
    --cinza-500: var(--c500);
    --cinza-700: var(--c700);
    --color-primary: var(--verde);
    --color-primary-dark: var(--verde-mid);
    --color-primary-hover: #6bff8a;
    --color-primary-light: rgba(74, 255, 107, 0.1);
    --color-accent: var(--dourado);
    --color-accent-light: rgba(245, 166, 35, 0.12);
    --color-surface: var(--light-1);
    --color-surface-raised: var(--light-0);
    --color-surface-dark: var(--preto);
    --color-text: var(--text-on-light);
    --color-text-body: var(--text-on-light-secondary);
    --color-text-muted: var(--text-on-light-muted);
    --color-border: var(--borda);
    --color-border-light: var(--border-on-light);
    --font-heading: var(--display);
    --font-body: var(--body);
    --nav-bg: var(--preto);
    --nav-height: 64px;

    --container-max: 1200px;
    --container-gutter: 64px;

    --cc-black: var(--preto);
    --cc-surface: var(--dark-1);
    --cc-surface-soft: var(--dark-3);
    --cc-green: var(--verde);
    --cc-text-primary: var(--branco);
    --cc-text-secondary: var(--c300);
    --cc-text-muted: var(--c500);
    --cc-border: var(--borda);
    --cc-radius-lg: var(--r24);
}