/* =========================================================================
   Prime Golf — Design Tokens (single source of truth)
   Phase −1 brand (#E50914, --bg-soft #F1F1F1, Cravend) + Phase 0 normalization
   Loaded BEFORE every other stylesheet in includes/header.php.
   ========================================================================= */

@font-face {
  font-family: 'Cravend';
  src: url('../fonts/cravend/Cravend.woff2') format('woff2'),
       url('../fonts/cravend/Cravend.otf')   format('opentype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---------- BRAND (Phase −1 — do not revert to #b8121d / #DC143C) ---------- */
  --c-brand:          #E50914;
  --c-brand-rgb:      229, 9, 20;
  --c-brand-hover:    #B3060F;  /* canonical hover */
  --c-brand-active:   #8A0408;  /* deep press */
  --c-brand-dark:     #A8050D;
  --c-brand-light:    #FF4500;
  --c-brand-tint-05:  rgba(229, 9, 20, 0.05);
  --c-brand-tint-10:  rgba(229, 9, 20, 0.10);
  --c-brand-gradient: linear-gradient(135deg, #E50914 0%, #FF4500 100%);

  --c-accent:         #ff6b35;
  --c-accent-rgb:     255, 107, 53;

  --c-gold:           #ffd700;
  --c-gold-dark:      #d4a017;

  --c-black:          #000000;
  --c-near-black:     #0A0A0A;
  --c-white:          #FFFFFF;

  /* Section bg rhythm (Phase −1) */
  --bg-base:          #FFFFFF;
  --bg-soft:          #F1F1F1;
  --bg-dark:          #0A0A0A;

  /* ---------- NEUTRALS ---------- */
  --c-bg:             var(--bg-base);
  --c-bg-soft:        var(--bg-soft);
  --c-bg-muted:       #f5f5f5;
  --c-border:         #e0e0e0;
  --c-border-soft:    #ececec;

  --c-text:           #2c2c2c;
  --c-text-light:     #555555;
  --c-text-muted:     #888888;
  --c-ink:            #1a1a1a;

  /* ---------- STATUS ---------- */
  --c-success:        #28a745;
  --c-success-dark:   #155724;
  --c-success-tint:   #e5f7e9;

  --c-warning:        #ffc107;
  --c-warning-dark:   #4a3300;
  --c-warning-tint:   #fff3cd;

  --c-danger:         var(--c-brand);
  --c-danger-dark:    #721c24;
  --c-danger-tint:    #f8d7da;

  --c-info:           #0066cc;
  --c-info-dark:      #0c5460;
  --c-info-tint:      #d1ecf1;

  /* ---------- LEGACY ALIASES ---------- */
  --color-primary:       var(--c-brand);
  --color-primary-hover: var(--c-brand-hover);
  --color-secondary:     var(--c-ink);
  --color-text:          var(--c-text);
  --color-text-light:    var(--c-text-light);
  --color-bg:            var(--c-bg);
  --color-bg-light:      var(--c-bg-soft);
  --color-border:        var(--c-border);
  --color-success:       var(--c-success);
  --color-warning:       var(--c-warning);
  --color-error:         var(--c-brand);

  /* ---------- TYPOGRAPHY ---------- */
  --font-display: 'Cravend', Georgia, serif;
  --font-body:    'Outfit', system-ui, -apple-system, sans-serif;
  --pg-display:   var(--font-display);
  --pg-body:      var(--font-body);
  --font-primary: var(--font-body);

  --fs-display:  clamp(2.25rem, 5vw, 4rem);
  --fs-h1:       clamp(1.75rem, 3.5vw, 2.5rem);
  --fs-h2:       clamp(1.5rem, 2.5vw, 2rem);
  --fs-h3:       clamp(1.25rem, 2vw, 1.5rem);
  --fs-h4:       clamp(1.1rem, 1.6vw, 1.25rem);
  --fs-body-lg:  1.125rem;
  --fs-body:     1rem;
  --fs-meta:     0.875rem;
  --fs-micro:    0.75rem;
  --fs-nano:     0.625rem;

  --lh-tight:    1.2;
  --lh-normal:   1.5;
  --lh-loose:    1.7;

  /* ---------- SPACING (4-base scale) ---------- */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   24px;
  --space-6:   32px;
  --space-7:   48px;
  --space-8:   64px;
  --space-9:   96px;
  --space-10:  128px;

  /* ---------- RADIUS ---------- */
  --r-sm:    4px;
  --r-md:    8px;
  --r-lg:    12px;
  --r-xl:    16px;
  --r-full:  9999px;

  /* ---------- SHADOWS ---------- */
  --shadow-subtle:  0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-card:    0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-brand:   0 6px 20px rgba(var(--c-brand-rgb), 0.3);
  --shadow-focus:   0 0 0 3px rgba(var(--c-brand-rgb), 0.2);

  --shadow-sm:  var(--shadow-subtle);
  --shadow-md:  var(--shadow-card);
  --shadow-lg:  var(--shadow-card);

  /* ---------- MOTION ---------- */
  --ease-out:  cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:  200ms;
  --dur-base:  400ms;

  --transition:      all var(--dur-base) var(--ease-out);
  --transition-fast: all var(--dur-fast) var(--ease-out);

  /* Breakpoints (reference only — @media cannot use var())
     --bp-sm: 480px   phone landscape
     --bp-md: 768px   tablet portrait
     --bp-lg: 1024px  tablet landscape / small desktop
     --bp-xl: 1280px  desktop
     Normalize all @media to these four values only.
  */

  --site-top-banner-height: 0px;

  /* Phase 1 aliases (anti-AI audit) */
  --brand-red: var(--c-brand);
  --radius-sm: var(--r-sm);
  --radius-md: var(--r-md);
  --radius-lg: var(--r-lg);
}