/* Design Tokens globais — NxtLink
   Paleta alinhada ao Dashboard, Configurações, Campanhas, etc. */

:root {
    /* Primary (azul corporativo NxtLink) — escala 50–900 */
    --primary-50:  #EBF3FA;
    --primary-100: #D4E5F2;
    --primary-200: #A4C3E0;
    --primary-300: #6B9FCC;
    --primary-400: #3E7AB3;
    --primary-500: #1F5F99;
    --primary-600: #1C4B74;
    --primary-700: #163756;
    --primary-800: #112A42;
    --primary-900: #0B1D2E;

    /* Secondary (verde) — escala 50–700 */
    --secondary-50:  #EDF6F1;
    --secondary-100: #D9EDE4;
    --secondary-200: #8DC4A0;
    --secondary-300: #8DC4A0;
    --secondary-400: #69AC84;
    --secondary-500: #4A9468;
    --secondary-600: #3A7A58;
    --secondary-700: #2E6145;

    /* Neutral (cinza) — escala 0–950 */
    --neutral-0:   #FFFFFF;
    --neutral-50:  #F3F5F7;
    --neutral-100: #E8EAED;
    --neutral-200: #CDD2D8;
    --neutral-300: #A8B0BB;
    --neutral-400: #848E9C;
    --neutral-500: #626C7A;
    --neutral-600: #4A5260;
    --neutral-700: #363D46;
    --neutral-800: #252A30;
    --neutral-900: #181B1F;
    --neutral-950: #0D0F12;

    /* Backgrounds */
    --bg-page:    #F3F5F7;
    --bg-card:    #FFFFFF;
    --bg-sidebar: #0B1D2E;
    --bg-navbar:  #112A42;

    /* Texto */
    --text-primary:   #181B1F;
    --text-secondary: #4A5260;
    --text-tertiary:  #848E9C;
    --text-disabled:  #A8B0BB;
    --text-inverse:   #FFFFFF;
    --text-link:      #1F5F99;
    --text-link-hover: #163756;

    /* Bordas */
    --border-subtle:  #E8EAED;
    --border-default: #CDD2D8;
    --border-focus:   #1F5F99;
    --focus-ring:    rgba(31, 95, 153, 0.25);

    /* Status */
    --status-success: #2E7D4F;
    --status-warning: #B45309;
    --status-error:   #B91C1C;
    --status-info:    #1F5F99;

    /* Estados interativos (primary) */
    --hover-primary:  #1C4B74;
    --active-primary: #163756;

    /* Desabilitado */
    --disabled-bg:   #E8EAED;
    --disabled-text: #848E9C;

    /* Bordas / raios (igual ao sistema) */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* Sombras (igual ao sistema) */
    --shadow-xs: 0 1px 2px rgba(13, 15, 18, 0.06);
    --shadow-sm: 0 1px 4px rgba(13, 15, 18, 0.08);
    --shadow-md: 0 4px 12px rgba(13, 15, 18, 0.10);
    --shadow-lg: 0 8px 24px rgba(13, 15, 18, 0.12);

    /* Espaçamento (scale 1–12, base 4px) */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}