/* Neshani Cloud design tokens. Use these instead of raw hex values.
   Contrast notes are against white (#FFFFFF) unless stated otherwise. */
:root {
    /* Brand */
    --nc-navy: #001538;       /* text, dark surfaces (17.8:1) */
    --nc-navy-deep: #00102A;  /* darker end of navy gradients */
    --nc-teal: #1AB8C9;       /* the accent: CTAs, icons, highlights on navy (7.5:1 on navy). Not for text on white (2.4:1) */
    --nc-teal-text: #0A7380;  /* teal for text on light backgrounds (5.6:1) */
    --nc-blue: #1654E0;       /* secondary brand blue: gradients, data highlights (6.2:1) */

    /* Neutrals */
    --nc-text: #334155;       /* body copy (10.4:1) */
    --nc-text-muted: #64748B; /* secondary copy, labels (4.8:1) */
    --nc-surface: #FFFFFF;
    --nc-surface-alt: #F8FAFC;
    --nc-border: #E6ECF8;

    /* Status: text/icon colour, light background, border; *-on-dark for navy surfaces.
       Text colours are >= 4.5:1 on white and on their own background. */
    --nc-success: #15803D;     --nc-success-bg: #F0FDF4; --nc-success-border: #BBF7D0; --nc-success-on-dark: #4ADE80;
    --nc-error: #B91C1C;       --nc-error-bg: #FEF2F2;   --nc-error-border: #FECACA;   --nc-error-on-dark: #F87171;
    --nc-warning: #B45309;     --nc-warning-bg: #FFFBEB; --nc-warning-border: #FDE68A; --nc-warning-on-dark: #FBBF24;
    --nc-info: #1654E0;        --nc-info-bg: #EEF3FD;    --nc-info-border: #C7D6F8;    --nc-info-on-dark: #1AB8C9;

    /* Type scale for section headings (h2) */
    --nc-h2: 40px;
    --nc-h2-tablet: 32px;
    --nc-h2-mobile: 28px;
}