/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-navy-400: #3D5F8C;
  --primitive-color-navy-500: #264D7E;
  --primitive-color-navy-700: #1B3A61;
  --primitive-color-mustard-400: #F2C35F;
  --primitive-color-mustard-500: #EAB13B;
  --primitive-color-mustard-700: #C98F1E;
  --primitive-color-cream-500: #F3EDE1;
  --primitive-color-cream-600: #E6DCC8;
  --primitive-color-white: #FFFFFF;
  --primitive-font-display: 'Zipper', 'Arial Rounded MT Bold', sans-serif;
  --primitive-font-script: 'Genty', 'Zipper', cursive;
  --primitive-font-text: 'Arial Rounded', 'Arial Rounded MT Bold', 'Nunito', sans-serif;
  --primitive-size-1: 8px;
  --primitive-size-2: 16px;
  --primitive-size-3: 24px;
  --primitive-size-4: 32px;
  --primitive-size-5: 48px;
  --primitive-size-6: 64px;
  --primitive-size-7: 96px;
  --primitive-type-small: 22px;
  --primitive-type-body: 27px;
  --primitive-type-name: 52px;
  --primitive-type-price: 76px;
  --primitive-type-title: 120px;
  --primitive-radius-card: 28px;
  --primitive-radius-pill: 999px;
  --primitive-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --primitive-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --primitive-ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* === SEMANTIC === */
:root {
  --color-field: #264D7E;
  --color-field-deep: #1B3A61;
  --color-panel: #F3EDE1;
  --color-panel-shade: #E6DCC8;
  --color-accent: #EAB13B;
  --color-accent-light: #F2C35F;
  --color-accent-shade: #C98F1E;
  --color-ink: #264D7E;
  --color-ink-soft: #3D5F8C;
  --color-on-field: #F3EDE1;
  --color-line: #264D7E;
  --stroke-outline: 5px;
  --shadow-drop: 10px;
}

/* === COMPONENTS === */
:root {
  --price-color-on-field: #EAB13B;
  --price-color-on-panel: #264D7E;
  --price-size: 76px;
  --card-bg: #F3EDE1;
  --card-radius: 28px;
  --card-border: #264D7E;
  --ticker-bg: #EAB13B;
  --ticker-fg: #264D7E;
}