/* ==========================================================================
   NACS Show 2026 - Shared Design Tokens
   Extracted from Figma design system
   ========================================================================== */


html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html,
body,
input,
select,
textarea,
button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
    -webkit-font-synthesis: none;
    text-rendering: optimizeLegibility;
}

:root {
    /* ======================================================================
       COLORS
       ====================================================================== */

    /* Primary Brand */
    --nacs-color-navy: #00205B;
    --nacs-color-dark-navy: #21243B;
    --nacs-color-yellow: #FAE100;

    /* Greens */
    --nacs-color-lime: #C4D600;
    --nacs-color-green-light: #78BE20;
    --nacs-color-green: #00A82D;
    --nacs-color-green-dark: #1A5E20;

    /* Blues */
    --nacs-color-blue: #004C97;
    --nacs-color-cyan: #009FDF;
    --nacs-color-teal: #00BAB3;

    /* Neutrals */
    --nacs-color-white: #FFFFFF;
    --nacs-color-black: #000000;
    --nacs-color-grey: #BBBBBB;
    --nacs-color-grey-dark: #425563;
    --nacs-color-grey-mid: #818181;
    --nacs-color-sand: #EDEBE4;

    /* Transparency / Glass */
    --nacs-glass-bg: rgba(0, 0, 0, 0.2);
    --nacs-glass-green-bg: rgba(120, 190, 32, 0.15);
    --nacs-tag-bg: rgba(241, 241, 241, 0.5);

    /* ======================================================================
       TYPOGRAPHY
       ====================================================================== */
    --nacs-font-gotham: 'Gotham', 'Gotham SSm A', 'Gotham SSm B', sans-serif;
    --nacs-font-work-sans: 'Work Sans', sans-serif;

    /* ======================================================================
       SPACING
       ====================================================================== */
    --nacs-spacing-xs: 4px;
    --nacs-spacing-sm: 8px;
    --nacs-spacing-md: 16px;
    --nacs-spacing-lg: 24px;
    --nacs-spacing-xl: 40px;
    --nacs-spacing-xxl: 56px;
    --nacs-spacing-xxxl: 70px;

    /* Responsive Margins/Padding */
    --nacs-margin-desktop: 80px;
    --nacs-padding-72: 72px;
    --nacs-padding-56: 56px;
    --nacs-padding-40: 40px;
    --nacs-padding-32: 32px;
    --nacs-padding-24: 24px;
    --nacs-gutter: 20px;
}