/* Theme tokens for the whole site. The final design package only has to replace this file
   (same variable names). Default values follow design direction A, "Noche de juego":
   plum canvas, fruit-stand accents. Every text and surface pair is checked for WCAG AA by
   tools/check_site.py. */
:root {
  color-scheme: light dark;

  --canvas: #FFF4E8;
  --surface: #FFFBF5;
  --surface-2: #FBE6D4;
  --text: #2A0F36;
  --text-2: #5E4070;
  --line: rgba(42, 15, 54, .16);
  --link: #3A52D1;
  --accent: #C42A0E;            /* accent used as text */
  --accent-fill: #FF4B2B;       /* accent used as a fill */
  --on-accent: #14081C;         /* text on the fill */
  --mango: #FFB320;
  --guayaba: #FF5C9E;
  --lima: #C8F03A;
  --anil: #7B93FF;

  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --radius: 16px;
  --radius-lg: 24px;
  --measure: 70ch;
  --page-pad: clamp(16px, 4vw, 32px);
}

@media (prefers-color-scheme: dark) {
  :root {
    --canvas: #12091A;
    --surface: #1B1026;
    --surface-2: #251637;
    --text: #FFF1E3;
    --text-2: #C9B7D6;
    --line: rgba(255, 233, 214, .18);
    --link: #9DB0FF;
    --accent: #FF7A5F;
    --accent-fill: #FF4B2B;
    --on-accent: #14081C;
  }
}