/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-palette-navy: #0A2A44; /** Primary field. Brand-board primary. */
  --color-palette-navy-deep: #0A101A; /** Deepest background / footer. */
  --color-palette-blue: #1E5C8A; /** Secondary primary. */
  --color-palette-gold: #F2C230; /** Lead accent / highlight. The Golden Ribbon color. */
  --color-palette-gold-deep: #D9A81C; /** Deeper gold for rims/gradients/hover (derived). */
  --color-palette-green: #1E6B4B; /** Growth / nature primary; success state. */
  --color-palette-orange: #E4572E; /** Energy / adventure accent. Use sparingly. */
  --color-palette-light: #F7FAFC; /** Light surface background. */
  --color-palette-slate: #55677A; /** Muted body text on light. */
  --color-palette-gray: #8FA1B3; /** Cool gray / disabled / hairline. */
  --color-palette-white: #FFFFFF;
  --color-role-line: rgba(10, 42, 68, 0.12); /** Hairline / border on light. */
  --color-gradient-tech-depth: linear-gradient(120deg, #0A2A44 0%, #1E5C8A 100%); /** Navy -> blue. Technology / depth. */
  --color-gradient-growth: linear-gradient(150deg, #1E6B4B 0%, #F2C230 100%); /** Green -> gold. Growth / energy. */
  --color-gradient-gold-ribbon: linear-gradient(180deg, #F2C230 0%, #D9A81C 100%); /** The Golden Ribbon fill gradient. */
  --font-family-display: "DM Serif Display", Georgia, serif; /** Headlines + the 'Trailblazing' wordmark serif feel. */
  --font-family-sans: "DM Sans", system-ui, -apple-system, sans-serif; /** Body + UI. Brand-board body alt: Inter. */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-size-xs: 0.78rem;
  --font-size-sm: 0.9rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.15rem;
  --font-size-xl: 1.4rem;
  --font-size-2xl: 1.9rem;
  --font-size-3xl: 2.5rem;
  --font-size-4xl: 3.2rem;
  --font-size-hero: 4rem;
  --font-leading-tight: 1.1;
  --font-leading-snug: 1.25;
  --font-leading-body: 1.65;
  --font-tracking-eyebrow: 0.18em; /** Uppercase eyebrow letter-spacing. */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-gutter: clamp(1.25rem, 4vw, 3rem); /** Page side gutter. */
  --space-maxw: 1140px; /** Content max width. */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(10,42,68,.06), 0 2px 8px rgba(10,42,68,.05);
  --shadow-md: 0 10px 30px rgba(10,42,68,.10);
  --shadow-lg: 0 24px 60px rgba(10,42,68,.18);
  --asset-logo-shield-emblem: brand-assets/tai/logo/tai-shield-emblem.png; /** Mark only (800x800, transparent). Corners, favicons, small placements. */
  --asset-logo-lockup-on-white: brand-assets/tai/logo/tai-lockup-with-title.png; /** Full lockup for light backgrounds. */
  --asset-logo-lockup-transparent: brand-assets/tai/logo/tai-lockup-transparent.png; /** Full horizontal lockup, transparent bg. */
  --asset-logo-lockup-white: brand-assets/tai/logo/tai-lockup-white-1920x1080.png; /** White lockup for dark backgrounds / video end cards. */
  --color-role-primary: var(--color-palette-navy);
  --color-role-secondary: var(--color-palette-blue);
  --color-role-accent: var(--color-palette-gold);
  --color-role-accent-deep: var(--color-palette-gold-deep);
  --color-role-success: var(--color-palette-green);
  --color-role-energy: var(--color-palette-orange);
  --color-role-bg: var(--color-palette-light);
  --color-role-bg-deep: var(--color-palette-navy-deep);
  --color-role-surface: var(--color-palette-white);
  --color-role-text: var(--color-palette-navy);
  --color-role-text-muted: var(--color-palette-slate);
  --color-role-text-on-dark: var(--color-palette-white);
  --motif-golden-ribbon: continuous golden curve (color var(--color-palette-gold) or var(--color-gradient-growth)) traversing the composition, entering lower-left, exiting upper-right -- conveys the Journey/trail. REQUIRED on every TAI hero composition.; /** Sean-locked brand-spine motif (2026-05-25). Never a straight line; never palette-shifted off gold/green->gold. Place behind/past the shield, never overlapping the mark. Source: brand-assets/INDEX.md. */
}