/* =========================================================
   BABYMINT STUDIO — design tokens (v2: Neopets-level contrast)

   Core rule, verified with real WCAG math (see docs/master-brief.md
   §8.6): text NEVER sits directly on a world's colored canvas.
   It always lives inside a solid white/cream card. That's what
   guarantees 16:1+ contrast in every world, every time, instead of
   the pale-tint-on-pale-text haze of the previous draft.
   ========================================================= */

:root {
  --ink: #211A33;
  --ink-soft: #4E4463;
  --white: #FFFFFF;
  --cream: #FFFDF7;
  --surface: var(--white);

  --anchor: #7B5CFA;
  --anchor-strong: #6339E8;
  --secondary: #1FBE95;
  --secondary-strong: #128F70;
  --warmth: #FF6FA0;
  --warmth-strong: #E14C82;
  --reward: #FFC142;

  /* World identity now lives in a bold PATTERNED SHAPE, not the full
     canvas — see docs/master-brief.md §8.15. The .world background
     itself is cream everywhere; these are the shape/pattern/UI-accent
     colors. */
  --room-accent: #7B5CFA;
  --comic-accent: #1FBE95;
  --friends-accent: #FF6FA0;

  /* A barely-there paper tone per world — perceptible as "this room
     feels slightly different," not as a colored wash. */
  --room-bg: color-mix(in srgb, var(--room-accent) 5%, var(--cream));
  --comic-bg: color-mix(in srgb, var(--comic-accent) 5%, var(--cream));
  --friends-bg: color-mix(in srgb, var(--friends-accent) 5%, var(--cream));

  --border: var(--ink);
  --shadow-hard: 6px 6px 0 var(--ink);
  --shadow-hard-sm: 3px 3px 0 var(--ink);

  --font-display: "Baloo 2", cursive;
  --font-body: "Figtree", sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --radius-lg: 28px;
  --radius-md: 18px;
  --radius-sm: 12px;

  /* Softened from an earlier, too-aggressive overshoot (was 1.56 —
     read as a hard rubber-band snap on large monitors). This settles
     smoothly with only a slight bounce. */
  --spring: cubic-bezier(.3, 1.1, .4, 1);
  --ease: cubic-bezier(.22, .7, .32, 1);

  color-scheme: light;
}

[data-theme="dark"] {
  --ink: #F4EEFF;
  --ink-soft: #C9BEE8;
  --white: #26213F;
  --cream: #2C2748;
  --surface: var(--white);

  --anchor: #A78BFF;
  --anchor-strong: #C3AEFF;
  --secondary: #52E3BE;
  --secondary-strong: #7CEBCC;
  --warmth: #FF95C0;
  --warmth-strong: #FFB3D3;
  --reward: #FFD166;

  --room-accent: #A78BFF;
  --comic-accent: #52E3BE;
  --friends-accent: #FF95C0;

  --room-bg: #1B1730;
  --comic-bg: #17201F;
  --friends-bg: #241823;

  --border: #120E1F;
  --shadow-hard: 6px 6px 0 rgba(0,0,0,0.55);
  --shadow-hard-sm: 3px 3px 0 rgba(0,0,0,0.55);

  color-scheme: dark;
}