/* Dendy Consulting brand tokens - the ONE source of colors, type, spacing, radius, shadow and motion.
   Every page links this file before site.css. Other bots: copy from /workspace/dendy/brand/tokens.css.
   Colors sampled from the logo (logo_v2/Dendy_Consulting_Logo_transparent.png), Oct 27 2026. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/inter-var-latin.woff2") format("woff2")}
:root{
  /* Brand colors */
  --dc-navy:#19262D;          /* logo monitor + wordmark. Text, dark bands */
  --dc-blue:#1860D6;          /* logo cape + tagline. Buttons, links, accents */
  --dc-blue-deep:#114AB0;     /* cape fold shadow. Hover/pressed, small text on light */
  --dc-blue-tint:#E8EFFC;     /* soft blue backgrounds, highlights */
  --dc-blue-on-dark:#A9C1FF;  /* blue text/links on navy */
  --dc-warm:#FAFAF7;          /* page background (warm white) */
  --dc-sand:#F3F0E8;          /* alternate band */
  --dc-white:#FFFFFF;
  --dc-slate:#4A5561;         /* secondary text */
  --dc-line:#E2DDD2;          /* borders, dividers */
  --dc-field:#7E8896;         /* form field borders (3:1+ on white) */
  --dc-navy-2:#24323B;        /* cards on navy */
  --dc-text-on-dark:#E6EBF2;
  --dc-success:#17663A;
  --dc-error:#A3201D;
  --dc-sun:#FFD166;           /* confetti / tiny warm accents only, never text */

  /* Semantic aliases used by site.css */
  --ink:var(--dc-navy); --ink-2:#33404A; --muted:var(--dc-slate);
  --blue:var(--dc-blue); --blue-dark:var(--dc-blue-deep); --blue-soft:var(--dc-blue-tint);
  --warm:var(--dc-warm); --sand:var(--dc-sand); --line:var(--dc-line); --white:var(--dc-white);

  /* Type */
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:var(--font);
  --fs-body:1.1875rem;        /* 19px - never below 18px for reading text */
  --fs-small:1.125rem;        /* 18px - small print, labels */
  --fs-h1:clamp(2.25rem,8vw,4rem);
  --fs-h2:clamp(1.75rem,5.4vw,2.75rem);
  --fs-h3:1.375rem;
  --lh-body:1.65; --lh-head:1.15;
  --fw-body:400; --fw-strong:650; --fw-head:800;

  /* Shape, depth, space */
  --radius:20px; --radius-sm:12px; --radius-lg:28px; --radius-pill:999px;
  --shadow:0 1px 2px rgba(25,38,45,.06),0 8px 28px rgba(25,38,45,.08);
  --shadow-btn:0 6px 18px rgba(24,96,214,.28);
  --space-1:8px; --space-2:12px; --space-3:20px; --space-4:32px; --space-5:48px; --space-6:64px; --space-7:96px;
  --wrap:1160px;
  --tap:48px;                 /* minimum button / link target height (44px absolute floor) */

  /* Motion */
  --ease:cubic-bezier(.2,.7,.2,1); --dur-fast:.2s; --dur:.35s; --dur-reveal:.7s;
}