/* Fantom design tokens - the single source of truth for colour, type and space.
   Mirrors docs/design/DESIGN_TOKENS.md. Never hardcode a value that exists here. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin-var.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin-ext-var.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* --- Ground --- */
  --ftm-bg:            #FFFFFF;
  --ftm-surface:       #FFFFFF;
  --ftm-surface-alt:   #F5F5F5;

  /* --- Ink --- */
  --ftm-ink:           #262626;
  --ftm-ink-muted:     #6B6B6B;
  --ftm-ink-subtle:    #9A9A9A;

  /* --- Structure --- */
  --ftm-border:        #E5E5E5;
  --ftm-border-strong: #262626;

  /* --- Navigation --- */
  --ftm-nav-bg:        #262626;
  --ftm-nav-ink:       #FFFFFF;

  /* --- Accent: the flame. Badges and signals only.
         NEVER white text on this, NEVER a primary button fill. --- */
  --ftm-accent:        #FFBF3A;
  --ftm-accent-ink:    #262626;

  /* --- Actions --- */
  --ftm-btn-primary-bg:  #262626;
  --ftm-btn-primary-ink: #FFFFFF;

  /* --- Semantic --- */
  --ftm-success:       #146B32;
  --ftm-warning:       #B45309;
  --ftm-danger:        #C22B2B;

  /* --- Price --- */
  --ftm-price:         #262626;
  --ftm-price-was:     #9A9A9A;

  /* --- Type --- */
  --ftm-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ftm-text-xs:   0.75rem;
  --ftm-text-sm:   0.875rem;
  --ftm-text-base: 1rem;
  --ftm-text-lg:   1.125rem;
  --ftm-text-xl:   1.5rem;
  --ftm-text-2xl:  2rem;
  --ftm-text-3xl:  2.5rem;
  --ftm-weight-normal: 400;
  --ftm-weight-medium: 500;
  --ftm-weight-bold:   700;
  --ftm-leading-tight: 1.3;
  --ftm-leading-body:  1.6;

  /* --- Space --- */
  --ftm-space-1:  0.25rem;
  --ftm-space-2:  0.5rem;
  --ftm-space-3:  0.75rem;
  --ftm-space-4:  1rem;
  --ftm-space-6:  1.5rem;
  --ftm-space-8:  2rem;
  --ftm-space-12: 3rem;
  --ftm-space-16: 4rem;
  --ftm-space-24: 6rem;
  --ftm-gutter:       var(--ftm-space-4);
  --ftm-gutter-lg:    var(--ftm-space-8);
  --ftm-section-y:    var(--ftm-space-12);
  --ftm-section-y-lg: var(--ftm-space-24);
  --ftm-max-width:    1440px;

  /* --- Form --- */
  --ftm-radius: 0;
  --ftm-shadow: none;
}