/* ================================================================
   Shared Venture Design Tokens
   ----------------------------------------------------------------
   Common design language across the Devon Tyler Barber venture
   portfolio: Founder Hub, Evident Technologies, Tillerstead LLC.
   
   Each project imports this file and maps these primitives to its
   own semantic aliases. The shared layer ensures typographic
   consistency, accessible color baselines, and spacing coherence.
   
   Canonical source: evident/assets/css/tokens/shared-venture-tokens.css
   Copied to: founder-hub/src/styles/shared-venture-tokens.css
              tillerstead/assets/css/shared-venture-tokens.css
   ================================================================ */

:root {
  /* ── Typography ─────────────────────────────────────────────── */
  --venture-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --venture-font-serif: 'Merriweather', Georgia, 'Times New Roman', serif;
  --venture-font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', 'Fira Code', monospace;

  /* ── Shared Color Primitives ────────────────────────────────── */
  /* Each site maps these to its own semantic tokens.              */
  --venture-blue: #2f5d9f;
  --venture-blue-hover: #2a518a;
  --venture-blue-active: #244677;
  --venture-red: #7a1e2b;
  --venture-green: #16a34a;
  --venture-gold: #c9a227;
  --venture-ink: #0b0d10;
  --venture-paper: #f6f3ed;
  --venture-neutral-100: #f1f5f9;
  --venture-neutral-300: #cbd5e1;
  --venture-neutral-500: #64748b;
  --venture-neutral-700: #334155;
  --venture-neutral-900: #0f172a;

  /* ── Border Radius ──────────────────────────────────────────── */
  --venture-radius-sm: 4px;
  --venture-radius-md: 8px;
  --venture-radius-lg: 12px;
  --venture-radius-xl: 16px;
  --venture-radius-full: 9999px;

  /* ── Shadow Scale ───────────────────────────────────────────── */
  --venture-shadow-sm: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 4%);
  --venture-shadow-md: 0 4px 12px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 5%);
  --venture-shadow-lg: 0 10px 30px rgb(0 0 0 / 12%), 0 4px 8px rgb(0 0 0 / 5%);

  /* ── Transition Durations ───────────────────────────────────── */
  --venture-transition-fast: 120ms;
  --venture-transition-base: 200ms;
  --venture-transition-slow: 300ms;

  /* ── Focus Ring ─────────────────────────────────────────────── */
  --venture-focus-ring: 0 0 0 3px color-mix(in srgb, var(--venture-blue) 40%, transparent);
}
