/* LOCO EXOTICS — design tokens (ORYZO style reference) */
:root {
  /* Colors */
  --color-warm-cream: #ffedd7;
  --color-walnut-shadow: #100904;
  --color-bark-brown: #382416;
  --color-cork-border: #40372e;
  --color-driftwood: #6c5f51;
  --color-ember-accent: #dc5000;
  --color-pure-black: #000000;

  /* Typography — Font Families */
  --font-display: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-legal: 'Arial', ui-sans-serif, system-ui, sans-serif;

  /* Typography — Scale */
  --text-subheading: 18px;
  --leading-subheading: 1;
  --text-heading-sm: 24px;
  --leading-heading-sm: 1.09;
  --text-body: 29px;
  --leading-body: 1.26;
  --text-heading: 41px;
  --leading-heading: 0.9;
  --text-display: 51px;
  --leading-display: 0.9;

  /* Typography — Weights (bolder pass) */
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 800;

  /* Spacing */
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-9: 9px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-14: 14px;
  --spacing-18: 18px;
  --spacing-24: 24px;
  --spacing-31: 31px;
  --spacing-41: 41px;
  --spacing-45: 45px;
  --spacing-68: 68px;
  --spacing-204: 204px;

  /* Layout */
  --card-padding: 24px;
  --element-gap: 18px;

  /* Border Radius */
  --radius-cards: 12px;
  --radius-inputs: 0px;
  --radius-full-round: 9999px;
  --radius-buttons-pill: 36px;
  --radius-buttons-outlined: 22.5px;
}