/* ===========================================================================
   GLORY MEDALS — DESIGN TOKENS
   ---------------------------------------------------------------------------
   The only global :root declaration in the theme. Every stylesheet consumes
   these variables; no component or page stylesheet should redefine them.
   =========================================================================== */

:root {
  /* Typography */
  --gm-font-body: "Inter", Arial, sans-serif;
  --gm-font-heading: "Montserrat", Arial, sans-serif;
  --gm-weight-regular: 400;
  --gm-weight-heading: 600;
  --gm-body-size: 15px;
  --gm-body-line: 25px;
  --gm-nav-size: 16px;
  --gm-nav-line: 24px;
  --gm-button-size: 16px;
  --gm-button-line: 24px;
  --gm-meta-size: 13px;
  --gm-meta-line: 18px;
  --gm-h1-size: 42px;
  --gm-h1-line: 52px;
  --gm-h2-size: 36px;
  --gm-h2-line: 46px;
  --gm-h3-size: 26px;
  --gm-h3-line: 35px;
  --gm-h4-size: 20px;
  --gm-h4-line: 28px;

  /* Brand and approved light / dark surfaces */
  --gm-gold: #C9962B;
  --gm-light-surface: #F5F7FA;
  --gm-light-card: #FFFFFF;
  --gm-light-heading: #0F1114;
  --gm-light-copy: #5E6670;
  --gm-dark-surface: #0F1114;
  --gm-dark-heading: #F5F7FA;
  --gm-dark-copy: #AEB4BC;
  --gm-light-border: rgba(15, 17, 20, .12);
  --gm-dark-border: rgba(245, 247, 250, .16);
  --gm-gold-soft: rgba(201, 150, 43, .14);
  --gm-shadow: 0 14px 34px rgba(15, 17, 20, .10);

  /* Button states */
  --gm-button-font: var(--gm-font-heading);
  --gm-button-weight: var(--gm-weight-heading);
  --gm-button-primary: var(--gm-gold);
  --gm-button-primary-hover: #D8AA43;
  --gm-button-primary-active: #B78318;
  --gm-button-dark: var(--gm-dark-surface);
  --gm-button-dark-hover: #292D33;
  --gm-button-dark-border: #292D33;
  --gm-button-light: var(--gm-dark-heading);
  --gm-button-disabled: #D9DDE2;
  --gm-button-disabled-text: #8A919A;
  --gm-button-focus: var(--gm-gold);

  /* Existing theme aliases and layout values retained for compatibility. */
  --i_color: var(--gm-gold);
  --i_color2: var(--gm-dark-surface);
  --bc_color: var(--gm-light-surface);
  --text_color: var(--gm-light-copy);
  --border_color: var(--gm-light-border);
  --i_shadow: 0 4px 10px rgba(15, 17, 20, .10);
  --header_height: .8rem;
  --head_all_height: 1.3rem;
  --f_menu_height: 50px;
}