/* ============================================================
   DM — Design Tokens (extracted from Ardot canvas 707456532650478)
   ============================================================ */
:root {
  /* Warm neutrals */
  --bg-warm: #FFF9F4;          /* light warm background */
  --text-dark: #241410;        /* primary heading text */
  --text-gray: #8C7B6E;        /* secondary / body text */
  --border-warm: #F2E7DD;      /* hairline dividers & card borders */

  /* Brand warm gradient (45°) */
  --grad-1: #FFC23C;
  --grad-2: #FF8A3D;
  --grad-3: #F5413E;
  --brand-gradient: linear-gradient(135deg, var(--grad-1) 0%, var(--grad-2) 50%, var(--grad-3) 100%);
  --brand-orange: #F55C2E;     /* solid accent (eyebrow text, ghost border) */
  --brand-orange-soft: #FFEAD9;/* eyebrow pill bg */
  --brand-orange-hi: #F97316;  /* workbench active nav text */
  --brand-orange-hi-bg: #FFECC7;/* workbench active nav bg */

  /* Contrast accents (collision colors) */
  --teal: #0B4F4A;             /* deep teal panel */
  --cyan: #00B8D9;             /* electric cyan dot */
  --cyan-text: #66ECFF;        /* electric cyan text on teal */
  --purple: #6E29D9;           /* CTA band */
  --purple-sub: #EDDBFF;

  /* Placeholders (skeleton bars in mock cards) */
  --ph-strong: #E8E0D9;
  --ph-soft: #F2EDE8;

  /* Footer */
  --footer-bg: #1C120D;
  --footer-link: #8C8078;
  --footer-line: #40332E;
  --footer-copy: #73665E;

  /* Credits pill */
  --credit-bg: #FFF2E6;
  --credit-text: #C2410C;

  /* Radii */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* Font */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
}