/*
 * Shared design tokens — extracted verbatim from templates/landing.html's
 * inline <style> block (the source of truth for the site's target visual
 * system). Not yet wired into any template; that happens page-by-page in
 * later phases of the design-system-unification work.
 *
 * Semantic status colors (green/amber/red) are copied as-is and must not
 * be reinterpreted as brand accents anywhere (results.html ring colors,
 * compliance status pills/rings, flash messages, etc. all stay put).
 */

:root {
    /* Neutrals */
    --gray-0:   #FAFAFA;  /* page background */
    --gray-50:  #F4F4F5;  /* icon-bullet circle fill */
    --gray-100: #E4E4E7;  /* card border, footer top border */
    --gray-200: #D4D4D8;
    --gray-400: #A1A1AA;  /* muted icon color */
    --gray-600: #52525B;  /* secondary/muted text, links */
    --gray-800: #27272A;  /* button hover bg, icon-bullet glyph color */
    --gray-950: #0A0A0B;  /* primary text, button bg */

    /* Semantic status (NOT brand accents — do not repurpose) */
    --green:       #15803D;
    --green-bg:    #F0FDF4;
    --green-line:  #BBF7D0;
    --amber:       #B45309;
    --amber-bg:    #FFFBEB;
    --amber-line:  #FDE68A;
    --red:         #B91C1C;
    --red-bg:      #FEF2F2;
    --red-line:    #FECACA;

    /* Spacing scale */
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;

    /* Surfaces */
    --card-bg: #FFFFFF;
    --card-border: var(--gray-100);
    --card-radius: 12px;
    /* landing.html cards have NO box-shadow — 1px border only. There is
       no "subtle shadow" in the real CSS; do not add one when porting. */

    /* Buttons */
    --btn-bg: var(--gray-950);
    --btn-bg-hover: var(--gray-800);
    --btn-text: #FFFFFF;
    --btn-radius: 8px;

    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    /* landing.html loads Inter weights 400/500/600/700/800 (base.html's
       pages currently load only 400/500/600/700 — 800 must be added
       wherever the hero/section-title weight is reused) */

    /* Focus state — NOT present in landing.html today (it has no form
       inputs). Value below is a placeholder decision for Phase 2/3 login
       forms: reuse --gray-950 for the border, drop the blue glow. */
    --focus-border: var(--gray-950);
    --focus-ring: 0 0 0 3px rgba(10, 10, 11, 0.08);
}