/* Generated from tokens.json by design-system/sync/build-css.py — do not edit by hand.
   Source of truth: references/milkinside/ — the measured serialization of
   milkinside.com. Manrope stands in for the reference's commercial Aktiv
   Grotesk; see $deviations in tokens.json.
   Exported 2026-08-23. */

:root {
  /* color */
  --bg: #000000;
  --bg-elev: rgba(99,102,122,0.16);
  --fg: #FFFFFF;
  --muted: rgba(255,255,255,0.5);
  --line: rgba(99,102,122,0.16);
  --line-strong: rgba(99,102,122,0.5);
  --surface-active: rgba(99,102,122,0.16);
  --primary: #FFFFFF;
  --steel: rgb(99,102,122);
  --error: #FF0055;
  --status-live: #7CE7B4;
  --status-pending: #E7C97C;

  /* glow */
  --glow-top: #2E3855;
  --glow-peak: #414D61;
  --glow-core-warm: #413B41;
  --glow-deep: #1E273C;
  --glow-tint-violet: #0C0913;

  /* bloom */
  --bloom-comfyui-1: #FFB454;
  --bloom-comfyui-2: #FF6B2C;
  --bloom-chat-1: #4DC9FF;
  --bloom-chat-2: #2E5BFF;
  --bloom-studio-1: #B36BFF;
  --bloom-studio-2: #FF4DD8;
  --bloom-labia-1: #FF5E7A;
  --bloom-labia-2: #FF2E4D;
  --bloom-mail-1: #3DF0C0;
  --bloom-mail-2: #0BA5EC;
  --bloom-elo-1: #6E7BFF;
  --bloom-elo-2: #3B2EFF;
  --bloom-ha-1: #18BCF2;
  --bloom-ha-2: #0A5FB4;
  --bloom-status-1: #28FEDC;
  --bloom-status-2: #0E9E8A;
  --bloom-solutions-1: #FFD54D;
  --bloom-solutions-2: #FF9F1C;
  --bloom-space-1: #9EFF6E;
  --bloom-space-2: #2ECC71;
  --bloom-screen-1: #B8C4D9;
  --bloom-screen-2: #64748B;
  --bloom-alexa-1: #FF6FA5;
  --bloom-alexa-2: #D6336C;
  --bloom-gridos-1: #F5B940;
  --bloom-gridos-2: #B45309;
  --bloom-sala-1: #4FE0C4;
  --bloom-sala-2: #7B5CFF;

  /* space */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 48px;
  --space-5: 64px;
  --space-6: 96px;
  --chip-x: 16px;

  /* size */
  --chip-h: 34px;

  /* radius */
  --radius: 0px;
  --radius-pill: 999px;

  /* depth */
  --depth-blur-chrome: 0px;
  --depth-blur-card: 6px;
  --depth-blur-pane: 8px;

  /* type */
  --font-display: 'Manrope', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Manrope', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Manrope', ui-sans-serif, system-ui, sans-serif;
  --type-display-hero-size: 100px; --type-display-hero-lh: 110%; --type-display-hero-ls: 0%;
  --type-display-clock-size: 62px; --type-display-clock-lh: 110%; --type-display-clock-ls: 1%;
  --type-heading-card-size: 30px; --type-heading-card-lh: 120%; --type-heading-card-ls: -1%;
  --type-body-lede-size: 18px; --type-body-lede-lh: 160%; --type-body-lede-ls: 0%;
  --type-body-base-size: 18px; --type-body-base-lh: 160%; --type-body-base-ls: 0%;
  --type-body-small-size: 14px; --type-body-small-lh: 128%; --type-body-small-ls: 0%;
  --type-mono-kicker-size: 14px; --type-mono-kicker-lh: 128%; --type-mono-kicker-ls: 20.03%;
  --type-mono-meta-size: 14px; --type-mono-meta-lh: 128%; --type-mono-meta-ls: 12%;

  /* aliases kept for stylesheets written before the mirror */
  --accent: var(--primary);
  --amber: var(--bloom-comfyui-1);
  --amber-2: var(--bloom-comfyui-2);
  --pink: var(--bloom-studio-2);
  --live: var(--status-live);
}