/* Prends Studio design tokens. Every colour, size and font the pages use lives here, and
   nowhere else. They come from the Prends design system (Daylight). styles.css only uses them. */
@font-face { font-family: Geist; src: url("/assets/fonts/geist-sans-v1.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --accent: #6439ed; --accent-hover: #5028d6; --accent-soft: #efeafd; --accent-text: #5028d6; --on-accent: #ffffff;
  --ink: #222222; --muted: #6a6a6a; --placeholder: #767676; --surface: #ffffff; --soft: #f7f7f7;
  --line: #ebebeb; --line-strong: #8a8a8a; --focus: #6439ed;
  --success: #137333; --success-soft: #e6f4ea; --warn: #7a5600; --danger: #c13515; --danger-soft: #fdecee;
  --stage: #131118; --stage-empty: #1c1a22;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.06);
  --font-sans: Geist, system-ui, -apple-system, "Segoe UI", sans-serif;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-pill: 999px;
  --tap-min: 44px; --control-h: 52px; --header-h: 56px; --measure: 560px; --rail-w: 360px; --card-w: 472px;
}

/* Dark: chosen in Settings, or the computer's own setting when left on Auto. */
:root[data-theme="dark"] {
    --accent: #8b6dff; --accent-hover: #9d84ff; --accent-soft: #29224a; --accent-text: #c4b5ff; --on-accent: #ffffff;
    --ink: #f1f0f5; --muted: #a6a4b0; --placeholder: #8c8a96; --surface: #17161d; --soft: #0f0e13;
    --line: #2c2a35; --line-strong: #5d5a68; --focus: #9d84ff;
    --success: #4ade80; --success-soft: #12301f; --warn: #fbbf24; --danger: #f87171; --danger-soft: #3b1717;
    --stage: #0b0a0f; --stage-empty: #15141a;
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 24px rgba(0, 0, 0, 0.45);
    color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --accent: #8b6dff; --accent-hover: #9d84ff; --accent-soft: #29224a; --accent-text: #c4b5ff; --on-accent: #ffffff;
    --ink: #f1f0f5; --muted: #a6a4b0; --placeholder: #8c8a96; --surface: #17161d; --soft: #0f0e13;
    --line: #2c2a35; --line-strong: #5d5a68; --focus: #9d84ff;
    --success: #4ade80; --success-soft: #12301f; --warn: #fbbf24; --danger: #f87171; --danger-soft: #3b1717;
    --stage: #0b0a0f; --stage-empty: #15141a;
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 24px rgba(0, 0, 0, 0.45);
    color-scheme: dark;
  }
}