/**
 * Galveston Deck Builder — tokens and self-hosted fonts
 * Palette sampled from the client's logo. Every text/background pair used on the site is
 * recorded with its measured WCAG ratio in docs/Project-Brief.md ("Brand palette").
 */

/* Self-hosted (SIL Open Font License, see assets/fonts/OFL-*.txt). Latin subset only. */
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/oswald-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/oswald-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/oswald-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/open-sans-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/open-sans-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/open-sans-latin-700-normal.woff2') format('woff2'); }

:root {
    /* Brand */
    --gdb-navy:        #002040;   /* primary: header text, headings, dark sections */
    --gdb-gold:        #704010;   /* accent: CTAs, links. 8.64:1 on white */
    --gdb-brown:       #906030;   /* accent hover. white on it 5.38:1 */
    --gdb-sun:         #F2B54A;   /* highlight on navy only. 8.97:1 on navy; 1.8:1 on white — never on light */
    --gdb-sand:        #F5EDD8;   /* light section background */

    /* Neutrals */
    --gdb-white:       #FFFFFF;
    --gdb-light:       #F8F9FA;
    --gdb-text:        #333333;   /* 12.63:1 on white */
    --gdb-text-light:  #595959;   /* 7.00:1 on white, 5.9:1 on sand (was #666: 4.9 on sand) */
    --gdb-slate:       #56616C;   /* small labels. The old #8090A0 was 3.27:1 on white */
    --gdb-border:      #E0DDD5;   /* decorative dividers ONLY — 1.36:1, never a control edge */
    --gdb-field:       #8A8478;   /* form control borders, 3.72:1 (UI minimum 3:1) */

    /* Semantic */
    --gdb-error:       #B42318;   /* 6.57:1 on white, 5.75:1 on its background */
    --gdb-error-bg:    #FDECEA;

    /* Type */
    --gdb-font-display: 'Oswald', 'Arial Narrow', Arial, sans-serif;
    --gdb-font-body:    'Open Sans', Arial, Helvetica, sans-serif;

    /* Spacing: 8px base */
    --gdb-space-xs:  8px;
    --gdb-space-sm:  16px;
    --gdb-space-md:  24px;
    --gdb-space-lg:  48px;
    --gdb-space-xl:  80px;

    /* Layout */
    --gdb-max-width:     1200px;
    --gdb-content-width: 760px;   /* reading column: Standard, Appendix A (640-760px) */
    --gdb-header-h:      80px;

    --gdb-radius-sm: 4px;
    --gdb-radius-md: 8px;

    --gdb-shadow-sm: 0 2px 8px rgba(0, 32, 64, 0.08);
    --gdb-shadow-md: 0 4px 16px rgba(0, 32, 64, 0.12);
    --gdb-shadow-lg: 0 8px 32px rgba(0, 32, 64, 0.18);

    --gdb-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}