/* ============================================================
   Owned AI — Brand tokens
   Canonical color / type / spacing / radius / elevation values.
   Parent brand: composed, institutional, "signed and sealed".
   Distinct from product palettes (StreamBuild blue/teal/amber, etc.)
   ============================================================ */

:root {
  /* -- Ink foundation (dark surfaces) -- */
  --oa-ink-900: #101216;   /* deepest ink */
  --oa-ink-800: #14151A;   /* console background */
  --oa-ink-700: #1C1E25;   /* console surface */
  --oa-ink-600: #23262F;   /* console surface, raised */
  --oa-ink-500: #2E323C;   /* console border / hairline on dark */
  --oa-ink-400: #4A4F5A;   /* muted line on dark */

  /* -- Paper foundation (light surfaces) -- */
  --oa-paper:     #FBFAF8; /* page background (warm, document-like) */
  --oa-surface:   #FFFFFF; /* card / panel */
  --oa-surface-2: #F3F0EB; /* muted panel */
  --oa-border:    #E4DFD7; /* hairline on light */

  /* -- Text -- */
  --oa-text:      #1A1C20; /* primary, on light   (16.0:1 on paper) */
  --oa-text-2:    #55585F; /* secondary, on light ( 7.0:1 on paper) */
  --oa-on-dark:   #ECEBE8; /* primary, on ink     (14.5:1 on ink-800) */
  --oa-on-dark-2: #9AA0AA; /* secondary, on ink   ( 6.2:1 on ink-800) */

  /* -- Signature accent: oxblood -- */
  --oa-accent-700:     #632329; /* pressed / hover-dark */
  --oa-accent:         #7C2D34; /* primary accent, light bg (7.8:1 on white) */
  --oa-accent-300:     #B9585E; /* graphic strokes / dividers */
  --oa-accent-on-dark: #E5958F; /* accent TEXT on ink (9.0:1 on ink-800) */
  --oa-seal:           #7C2D34; /* seal / hallmark fill, both modes */

  /* -- Semantic -- */
  --oa-success:      #237A4A;  --oa-success-on-dark: #4FBE85;
  --oa-warning:      #B7791F;  --oa-warning-on-dark: #F6A62B;
  --oa-danger:       #B3261E;  --oa-danger-on-dark:  #F2857D;
  --oa-admin-amber:  #F6A62B;  /* console "Platform admin" pill */

  /* -- Product brand chips (owned by the products, framed by parent) -- */
  --sb-blue:  #2C55E0;  --sb-teal: #16B8A3;  --sb-amber: #F6A62B;  --sb-panel: #0F172A;
  --cb-muted: #7C8698;  /* CivicBuild, coming 2026 (muted until launch) */

  /* -- Typography -- */
  --oa-font-display: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --oa-font-serif:   "Hanken Grotesk", system-ui, sans-serif; /* pull-lines: display font, italic */
  --oa-font-text:    "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* -- Radius -- */
  --oa-r-sm: 4px; --oa-r-md: 8px; --oa-r-lg: 12px; --oa-r-pill: 999px;

  /* -- Spacing (8pt) -- */
  --oa-space-1: 4px;  --oa-space-2: 8px;  --oa-space-3: 12px; --oa-space-4: 16px;
  --oa-space-6: 24px; --oa-space-8: 32px; --oa-space-12: 48px; --oa-space-16: 64px;
  --oa-space-24: 96px;

  /* -- Elevation (ink-tinted, restrained) -- */
  --oa-shadow-sm: 0 1px 2px rgba(16,18,22,.06), 0 1px 3px rgba(16,18,22,.08);
  --oa-shadow-md: 0 4px 12px rgba(16,18,22,.10);
  --oa-shadow-lg: 0 14px 36px rgba(16,18,22,.16);
  --oa-focus:     0 0 0 3px rgba(124,45,52,.35); /* oxblood focus ring */

  /* -- Motion -- */
  --oa-ease:      cubic-bezier(0.2, 0.8, 0.2, 1);
  --oa-ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --oa-dur-micro: 120ms; --oa-dur: 200ms; --oa-dur-enter: 320ms;
}