/* No, You Choose! design tokens (system C) */
@font-face { font-family: "Fredoka"; font-weight: 500; font-display: swap; src: url("../fonts/fredoka-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Fredoka"; font-weight: 600; font-display: swap; src: url("../fonts/fredoka-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Fredoka"; font-weight: 700; font-display: swap; src: url("../fonts/fredoka-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap; src: url("../fonts/inter-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 700; font-display: swap; src: url("../fonts/inter-latin-700-normal.woff2") format("woff2"); }

:root {
  /* Surfaces */
  --nyc-ground: #FFFAF3;
  --nyc-surface: #FFFFFF;
  --nyc-line: #EADFD0;
  --nyc-track: #F2ECE3;
  --nyc-scrim: rgba(28, 20, 51, 0.45);

  /* Text */
  --nyc-ink: #1C1433;
  --nyc-text-2: #4A4260;   /* helper text on cream */
  --nyc-text-3: #5E5670;   /* captions on cream or track only, never on bars */
  --nyc-disabled-bg: #EADFD0;
  --nyc-disabled-fg: #6E6580;

  /* Brand */
  --nyc-violet: #5A2BFF;
  --nyc-violet-press: #4319E0;
  --nyc-violet-lip: #3A12C9;
  --nyc-violet-tint: #EFE8FF;
  --nyc-violet-wash: #F4F0FF;
  --nyc-link: #4319E0;

  /* Option colors (ink text on all, AA) */
  --nyc-opt-a: #FF7A1A; /* tangerine 6.7:1 */
  --nyc-opt-b: #FFC629; /* sun 11.2:1 */
  --nyc-opt-c: #14B886; /* mint 6.9:1 */
  --nyc-opt-d: #4D94FF; /* sky 5.8:1 */
  --nyc-opt-e: #FF6B9A; /* bubblegum 6.5:1 */
  --nyc-opt-f: #A98BFF; /* lilac 6.5:1 */

  /* Status */
  --nyc-success-bg: #D2F3E8;
  --nyc-success-fg: #0B4A37;
  --nyc-warn-bg: #FFF3CC;
  --nyc-warn-border: #E5B000;
  --nyc-warn-fg: #4A3600;
  --nyc-danger: #B3241A;

  /* Type */
  --nyc-font-display: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif;
  --nyc-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --nyc-size-hero: 44px;
  --nyc-size-h1: 28px;
  --nyc-size-h2: 24px;
  --nyc-size-h3: 20px;
  --nyc-size-body: 16px;
  --nyc-size-small: 14px;
  --nyc-size-caption: 13px;
  --nyc-size-min: 12px;

  /* Shape */
  --nyc-radius-sm: 12px;
  --nyc-radius-md: 16px;
  --nyc-radius-lg: 18px;
  --nyc-radius-xl: 22px;
  --nyc-radius-sheet: 28px;
  --nyc-radius-pill: 999px;
  --nyc-border: 2px;

  /* Layout */
  --nyc-gutter: 16px;
  --nyc-tap: 44px;
  --nyc-btn-h: 58px;
  --nyc-row-min: 60px;
  --nyc-photo-row: 76px;
  --nyc-stat-col: 64px;

  /* Elevation */
  --nyc-lip: 0 4px 0 var(--nyc-violet-lip);

  /* Motion */
  --nyc-ease-pop: cubic-bezier(.2, .9, .3, 1.2);
  --nyc-ease-out: cubic-bezier(.15, .85, .25, 1);
  --nyc-dur-quick: 200ms;
  --nyc-dur-pop: 500ms;
  --nyc-dur-spin: 2500ms;
}