/* Anubion brand tokens (2026 site design). Shared by the homepage and the
   security and legal pages; loaded before each page's own stylesheet.
   Spec: docs/website/2026-11-01-redesign-dev-prompt.md (section D). */

:root {
  /* Surfaces */
  --brand-ink-950: #041620;
  --brand-ink-900: #071f2c;
  --brand-ink-800: #082636;
  --brand-ink-700: #0c3549;
  --brand-ui-frame: #0b2a3b;
  --brand-paper: #f4f8fb;
  --brand-paper-2: #e9f1f6;
  --brand-white: #ffffff;

  /* Text */
  --brand-ink-text: #0f172a;
  --brand-ink-body: #334155;
  --brand-ink-muted: #526577;
  --brand-ink-50: #f0f9ff;
  --brand-ink-200: #c4dbe6;
  --brand-ink-300: #94c5d8;

  /* Accent */
  --brand-cyan-300: #67e8f9;
  --brand-cyan-400: #22d3ee;
  --brand-cyan-600: #0891b2;
  --brand-teal-700: #0e7490;
  /* Accent for small text on paper: #0891b2 is only 3.2-3.7:1 there, this is 5.8:1+ */
  --brand-teal-text: #08657b;

  /* Status in product scenes, always paired with a text label */
  --ui-pass: #34d399;
  --ui-warn: #fbbf24;
  --ui-fail: #fb7185;
  --ui-info: #67e8f9;

  /* Lines and depth */
  --brand-line-dark: rgba(148,197,216,.16);
  --brand-line-light: rgba(8,145,178,.16);
  --shadow-frame: 0 40px 120px -40px rgba(0,0,0,.65), 0 0 0 1px var(--brand-line-dark), inset 0 1px 0 rgba(255,255,255,.06);
  --shadow-card-light: 0 24px 64px -32px rgba(8,38,54,.28);

  /* Type */
  --fs-display: clamp(2.5rem, 1.2rem + 4.6vw, 4.5rem);
  --fs-h2: clamp(2rem, 1.3rem + 2.6vw, 3.25rem);
  --fs-h3: clamp(1.25rem, 1.05rem + .6vw, 1.5rem);
  --fs-lead: clamp(1.0625rem, 1rem + .3vw, 1.1875rem);
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-eyebrow: .72rem;
  --fs-ui: .8125rem;

  /* Space and layout */
  --brand-container: 1200px;
  --brand-gutter: clamp(1rem, 4vw, 2rem);
  --brand-section-y: clamp(5rem, 9vw, 8.5rem);
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem; --space-16: 4rem;

  /* Radii */
  --r-sm: 8px; --r-md: 14px; --r-lg: 20px; --r-pill: 999px;

  /* Motion */
  --dur-1: 160ms; --dur-2: 240ms; --dur-3: 480ms; --dur-4: 700ms;
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);

}