/* Accelerated Inertia LLC — brand tokens
 *
 * Generated from logo preset "final" (same colours and fonts as "v3 3 2").
 * Source of truth: brands/AcceleratedInertia/assets/brand.json
 *
 * Load the webfonts before this file:
 * <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Archivo:wdth,wght@62..125,100..900&display=swap">
 */

:root {
  /* ---- Brand colours --------------------------------------------
     The four gradient stops of the orbiting dots, in sequence order:
     violet at rest through to yellow at speed. Named for role rather
     than hue so a palette revision doesn't invalidate the names. */
  --ai-origin:    #be0aff;  /* stop 1 — at rest */
  --ai-building:  #0691fb;  /* stop 2 — gathering speed */
  --ai-momentum:  #02b045;  /* stop 3 — sustained motion */
  --ai-velocity:  #efe701;  /* stop 4 — at speed */

  /* Full-sequence gradient, matching the mark's dot progression. */
  --ai-gradient: linear-gradient(
    135deg,
    var(--ai-origin) 0%,
    var(--ai-building) 33%,
    var(--ai-momentum) 66%,
    var(--ai-velocity) 100%
  );

  /* ---- Typography ------------------------------------------------ */
  --ai-font-display: 'Inter', system-ui, -apple-system, sans-serif;
  --ai-font-heavy:   'Archivo', system-ui, -apple-system, sans-serif;
  --ai-font-body:    'Inter', system-ui, -apple-system, sans-serif;

  --ai-weight-accelerated: 200;
  --ai-weight-inertia:     900;
  --ai-weight-llc:         550;

  /* Wordmark slant. Applied per letter in the mark itself; exposed
     here so headings can echo it. */
  --ai-skew: -35deg;

  /* ---- Type colours ---------------------------------------------- */
  --ai-ink:         #0b2545;  /* ACCELERATED, LLC */
  --ai-ink-muted:   #46576a;  /* INERTIA — deliberately lower contrast */
  --ai-shadow:      rgba(0, 0, 0, 0.22);

  /* ---- Surfaces --------------------------------------------------- */
  --bg:              #ffffff;
  --surface:         #f6f8fb;
  --surface-variant: #eef2f7;
  --ink:             #0b2545;
  --ink-muted:       #46576a;
  --primary:         #0691fb;
  --secondary:       #02b045;
  --accent:          #be0aff;
  --border:          #dbe3ec;
  --shadow:          rgba(11, 37, 69, 0.15);
  --highlight:       #efe701;
}

/* Dark mode.
   Type inverts to light, and the dot shadow inverts with it — a black
   shadow vanishes on a dark background, which would cost the near-side
   dots the separation the split-depth mark depends on. */
.dark-mode,
:root[data-theme="dark"] {
  --ai-ink:       #f2f6fa;
  --ai-ink-muted: #c3ced9;
  --ai-shadow:    rgba(255, 255, 255, 0.20);

  --bg:              #10161d;
  --surface:         #1a222c;
  --surface-variant: #232d3a;
  --ink:             #f2f6fa;
  --ink-muted:       #c3ced9;
  --primary:         #3aa8ff;
  --secondary:       #2ecb63;
  --accent:          #d24dff;
  --border:          #2c3947;
  --shadow:          rgba(0, 0, 0, 0.5);
  --highlight:       #efe701;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ai-ink:       #f2f6fa;
    --ai-ink-muted: #c3ced9;
    --ai-shadow:    rgba(255, 255, 255, 0.20);

    --bg:              #10161d;
    --surface:         #1a222c;
    --surface-variant: #232d3a;
    --ink:             #f2f6fa;
    --ink-muted:       #c3ced9;
    --primary:         #3aa8ff;
    --secondary:       #2ecb63;
    --accent:          #d24dff;
    --border:          #2c3947;
    --shadow:          rgba(0, 0, 0, 0.5);
    --highlight:       #efe701;
  }
}