:root {
    --cream: #eef3fb;
    --cream-deep: #dfe9fa;
    --peach-soft: #cfe0fb;
    --peach-pale: #e8f0fd;
    --coral: #0066ff;
    --coral-dark: #0047cc;
    --ink: #101826;
    --ink-soft: #48536b;
    --ink-faint: #93a0b8;
    --line: rgba(16, 24, 38, 0.14);
    --white: #ffffff;
    --r-xl: 32px;
    --r-lg: 24px;
    --r-md: 16px;
    --r-sm: 10px;
    --r-pill: 999px;
    --shadow-card: 0 1px 2px rgba(16, 24, 38, 0.06), 0 12px 28px -18px rgba(16, 24, 38, 0.25);
    --font-display: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;
    --font-body: "Work Sans", -apple-system, "Segoe UI", sans-serif;
  }

  /* Committed single visual world: this is a fixed brand identity (blue/tech),
     not a UI meant to invert into a dark surface. */