/* =========================================================
   FlavorGuide Token Bridge
   Source of truth: theme.json presets
   Consumer: FG plugin CSS + any child theme CSS
   ========================================================= */

:root {
  /* Colors */
  --fg-text-primary: var(--wp--preset--color--fg-text-primary);
  --fg-text-reverse: var(--wp--preset--color--fg-text-reverse);

  --fg-number: var(--wp--preset--color--fg-number);
  --fg-data: var(--wp--preset--color--fg-data);

  --fg-link: var(--wp--preset--color--fg-link);
  --fg-link-visited: var(--wp--preset--color--fg-link-visited);
  --fg-link-hover: var(--wp--preset--color--fg-link-hover);

  --fg-bg-page: var(--wp--preset--color--fg-bg-page);
  --fg-bg-card: var(--wp--preset--color--fg-bg-card);
  --fg-bg-card-header: var(--wp--preset--color--fg-bg-card-header);

  --fg-meta-ink: var(--wp--preset--color--fg-meta-ink);
  --fg-system-substrate: var(--wp--preset--color--fg-system-substrate);

  /* Fonts */
  --fg-font-body: var(--wp--preset--font-family--fg-sans);
  --fg-font-lockup: var(--wp--preset--font-family--fg-lockup);
  --fg-font-title: var(--wp--preset--font-family--fg-inter);
  --fg-font-meta-label: var(--wp--preset--font-family--fg-meta-condensed);
  --fg-font-meta-number: var(--wp--preset--font-family--fg-meta-number);
  --fg-font-status: var(--wp--preset--font-family--fg-mono);

  /* Sizes */
  --fg-size-title-product: var(--wp--preset--font-size--fg-title-product);
  --fg-size-title-brand: var(--wp--preset--font-size--fg-title-brand);
  --fg-size-label-section: var(--wp--preset--font-size--fg-label-section);
  --fg-size-photo-label: var(--wp--preset--font-size--fg-photo-label);
  --fg-size-meta-lg: var(--wp--preset--font-size--fg-meta-lg);
  --fg-size-meta-sm: var(--wp--preset--font-size--fg-meta-sm);
  --fg-size-meta-number: var(--wp--preset--font-size--fg-meta-lg);

  --fg-size-body: var(--wp--preset--font-size--fg-body);
  --fg-size-body-lg: var(--wp--preset--font-size--fg-body-lg);
  --fg-size-status: var(--wp--preset--font-size--fg-status);

  /* SVG logo coordinate-space sizing tokens (separate from page typography scale). */
  --fg-size-logo-svg-inside: 84px;
  --fg-size-logo-svg-home-title: 75px;
  --fg-size-logo-svg-home-tagline: 38px;

  /* Global line-height rule from the brief */
  --fg-lh-tight: 1.2;

  --fg-breakpoint-min: 1080px;
  --fg-breakpoint-max: 1079px;
}

/* Fallbacks */
:root {
  --fg-text-primary: var(--wp--preset--color--fg-text-primary, #1A1A1A);
  --fg-text-reverse: var(--wp--preset--color--fg-text-reverse, #FFFFFF);
  --fg-number: var(--wp--preset--color--fg-number, #C44F1F);
  --fg-data: var(--wp--preset--color--fg-data, #EC6529);
  --fg-bg-page: var(--wp--preset--color--fg-bg-page, #F6F6F6);
  --fg-bg-card: var(--wp--preset--color--fg-bg-card, #EDEDED);
  --fg-bg-card-header: var(--wp--preset--color--fg-bg-card-header, #4D4D4D);
  --fg-meta-ink: var(--wp--preset--color--fg-meta-ink, #8A8A8A);
  --fg-system-substrate: var(--wp--preset--color--fg-system-substrate, #C4C4C4);
  --fg-link: var(--wp--preset--color--fg-link, #245D8F);
  --fg-link-visited: var(--wp--preset--color--fg-link-visited, #5C4A8A);
  --fg-link-hover: var(--wp--preset--color--fg-link-hover, #C44F1F);
  --fg-size-logo-svg-inside: 84px;
  --fg-size-logo-svg-home-title: 75px;
  --fg-size-logo-svg-home-tagline: 38px;
}