/* ============================================================
   CAIUS · Design Tokens
   AI Management Office · Brand system v2 (locked)
   Source of truth for the website build.
   Root font-size assumed 16px. Body text renders at 17px.
   ============================================================ */

:root {
  /* ---------- COLOR · core ---------- */
  --caius-ink:            #17120f; /* warm near-black, primary text + dark surfaces */
  --caius-ink-soft:       #2a221d; /* secondary text on light */
  --caius-ink-70:         #5a4f47; /* muted text, captions */

  --caius-porphyry:       #4b2a40; /* PRIMARY brand hue */
  --caius-porphyry-deep:  #321b2b; /* pressed / hover for primary */
  --caius-porphyry-tint:  #724c64; /* tints, subtle accents */
  --caius-porphyry-wash:  #efe6ec; /* faint purple wash backgrounds */

  --caius-bronze:         #9a7a4e; /* SECONDARY, oxidized metal accent */
  --caius-bronze-deep:    #735731; /* bronze text on light, labels */
  --caius-bronze-wash:    #efe6d6; /* faint bronze wash */

  /* ---------- COLOR · neutrals (travertine stone) ---------- */
  --caius-travertine:     #f5efe4; /* default page background (light) */
  --caius-travertine-2:   #ece4d4; /* raised panel / card background */
  --caius-travertine-3:   #e2d8c4; /* deeper panel, subtle fills */
  --caius-stone:          #d6cbb4; /* hairlines, dividers, borders */
  --caius-stone-deep:     #b9ab8e; /* muted text on dark, faint marks */

  /* ---------- COLOR · semantic ---------- */
  --caius-success:        #4e7a66; /* verdigris  · compliant / pass */
  --caius-warning:        #b07c2c; /* amber      · review / caution */
  --caius-error:          #8e2b22; /* imperial red · high risk / fail (use sparingly) */
  --caius-info:           #3a566a; /* lapis      · information */

  /* semantic soft fills (badge/pill backgrounds on light) */
  --caius-success-soft:   #dceae2;
  --caius-warning-soft:   #f1e3cd;
  --caius-error-soft:     #f3dcd9;

  /* ---------- COLOR · borders ---------- */
  --caius-border:         #d6cbb4;                  /* on light surfaces */
  --caius-border-ondark:  rgba(214,203,180,0.18);   /* on ink / porphyry surfaces */

  /* ---------- TYPOGRAPHY · families ---------- */
  --caius-font-display: "Cinzel", Georgia, "Times New Roman", serif;       /* wordmark, headlines, ceremonial */
  --caius-font-sans:    "IBM Plex Sans", system-ui, -apple-system, sans-serif; /* product UI + body */
  --caius-font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace; /* labels, data, evidence */

  /* ---------- TYPOGRAPHY · sizes (fluid where noted) ---------- */
  --caius-text-hero:     clamp(4rem, 15vw, 10.5rem);     /* 64 → 168px  wordmark on cover */
  --caius-text-display:  clamp(1.875rem, 4.4vw, 3.125rem); /* 30 → 50px  section / page titles */
  --caius-text-tagline:  clamp(1.4rem, 3vw, 2.125rem);   /* 22 → 34px  tagline */
  --caius-text-h2:       1.75rem;    /* 28px */
  --caius-text-h3:       1.375rem;   /* 22px */
  --caius-text-lede:     clamp(1.125rem, 2vw, 1.3125rem); /* 18 → 21px */
  --caius-text-body:     1.0625rem;  /* 17px  base body */
  --caius-text-small:    0.9375rem;  /* 15px */
  --caius-text-eyebrow:  0.75rem;    /* 12px  mono */
  --caius-text-label:    0.6875rem;  /* 11px  mono */
  --caius-text-data:     0.78rem;    /* 12.5px mono */
  --caius-text-caption:  0.65rem;    /* 10.5px mono */

  /* ---------- TYPOGRAPHY · weights ---------- */
  --caius-weight-light:    300; /* Plex Sans only */
  --caius-weight-regular:  400;
  --caius-weight-medium:   500;
  --caius-weight-semibold: 600; /* wordmark + headlines */
  --caius-weight-bold:     700;

  /* ---------- TYPOGRAPHY · line-height ---------- */
  --caius-leading-tight:  1.05; /* display headlines */
  --caius-leading-snug:   1.2;  /* h2 / h3 */
  --caius-leading-normal: 1.55; /* lede */
  --caius-leading-body:   1.62; /* body copy */

  /* ---------- TYPOGRAPHY · tracking (letter-spacing) ---------- */
  --caius-tracking-wordmark: 0.08em; /* CAIUS logo + lockups */
  --caius-tracking-display:  0.06em; /* large Cinzel display */
  --caius-tracking-expand:   0.16em; /* "Central AI Utility Suite" */
  --caius-tracking-eyebrow:  0.22em; /* mono eyebrows */
  --caius-tracking-label:    0.16em; /* mono labels */
  --caius-tracking-data:     0.04em; /* mono data rows */
  --caius-tracking-title:    0.005em;/* section titles */

  /* ---------- SPACING SCALE (4pt base) ---------- */
  --caius-space-1:  4px;
  --caius-space-2:  8px;
  --caius-space-3:  12px;
  --caius-space-4:  16px;
  --caius-space-5:  20px;
  --caius-space-6:  24px;
  --caius-space-8:  32px;
  --caius-space-10: 40px;
  --caius-space-12: 48px;
  --caius-space-16: 64px;
  --caius-space-24: 96px;
  --caius-space-32: 128px;

  /* layout rhythm */
  --caius-section-pad: clamp(64px, 9vw, 128px); /* vertical padding per page section */
  --caius-gutter:      clamp(20px, 5vw, 64px);  /* page side padding */
  --caius-container:   1180px;                  /* max content width */

  /* ---------- RADII ---------- */
  --caius-radius-sm:   3px;    /* cards, panels, buttons, swatches */
  --caius-radius-md:   5px;    /* framed surfaces (browser/app frames) */
  --caius-radius-lg:   8px;    /* large icon tiles */
  --caius-radius-pill: 9999px; /* badges, chips, toggles */

  /* ---------- ELEVATION ---------- */
  --caius-shadow-frame: 0 24px 60px -38px rgba(23,18,15,0.5); /* floating app/browser frames only */

  /* ---------- MOTION ---------- */
  --caius-ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --caius-duration:    0.15s; /* hover / state changes */
  --caius-duration-md: 0.30s; /* reveals, larger transitions */
}