/* ================================================
   BLACK FOUNDRY DIGITAL — tokens.css
   Single source of truth for all design decisions.
   ================================================ */

:root {
  /* ── Color Palette ── */
  --color-black:         #000000;
  --color-charcoal:      #111111;
  --color-surface:       #0d0d0d;
  --color-orange:        #d04a08;
  --color-orange-hover:  #e55510;
  --color-white:         #ffffff;
  --color-text-primary:  #f0f0f0;
  --color-text-muted:    #888888;
  --color-text-dim:      #444444;
  --color-border:        #1e1e1e;
  --color-border-bright: #333333;

  /* ── Typography ── */
  --font-display: 'Barlow Semi-Condensed', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* ── Type Scale ── */
  --text-label:   11px;
  --text-xs:      13px;
  --text-sm:      14px;
  --text-base:    17px;
  --text-lg:      20px;
  --text-xl:      24px;
  --text-h3:      26px;
  --text-h2:      42px;
  --text-h1:      clamp(38px, 5vw, 66px);
  --text-display: clamp(44px, 5.8vw, 74px);

  /* ── Spacing ── */
  --sp-4:    4px;
  --sp-8:    8px;
  --sp-12:  12px;
  --sp-16:  16px;
  --sp-20:  20px;
  --sp-24:  24px;
  --sp-32:  32px;
  --sp-40:  40px;
  --sp-48:  48px;
  --sp-56:  56px;
  --sp-64:  64px;
  --sp-80:  80px;
  --sp-96:  96px;
  --sp-120: 120px;

  /* ── Layout ── */
  --max-width:  1200px;
  --gutter:      40px;
  --nav-height:  72px;

  /* ── Motion ── */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:   cubic-bezier(0.4, 0, 1, 1);
  --t-fast:    150ms ease;
  --t-base:    250ms ease;
  --t-slow:    400ms var(--ease-out);
  --t-slower:  700ms var(--ease-out);

  /* ── V3 Depth & Texture ── */
  --color-surface-2:  #151515;
  --ember-04:         rgba(208, 74, 8, 0.04);
  --ember-08:         rgba(208, 74, 8, 0.08);
  --ember-15:         rgba(208, 74, 8, 0.15);
  --ember-30:         rgba(208, 74, 8, 0.30);
  --grad-card:        linear-gradient(180deg, #141414 0%, #0c0c0c 100%);
  --grad-card-hover:  linear-gradient(180deg, #1a1a1a 0%, #101010 100%);
  --grad-section-alt: linear-gradient(180deg, #131313 0%, #0e0e0e 100%);
  --grid-line:        rgba(255, 255, 255, 0.035);
}