/*
 * Design tokens — single source of truth for the brand palette, radii, and
 * shared layout primitives. Edit values here and the rest of the theme
 * picks them up via var(--*).
 *
 * Loaded BEFORE base.css and main.css.
 */

:root {
  /* Brand — orange */
  --moba_orange:        #FF5101;
  --moba_orange_warm:   #EA5B0C;

  /* Brand — blue (lightest → darkest) */
  --moba_blue_pale:     #D8EAF6;
  --moba_blue_lighter:  #A8E0FF;
  --moba_blue:          #83DCFF;
  --moba_blue_dark:     #5FB8DC;

  /* Brand — green */
  --moba_green:         #8EC89A;

  /* Neutrals */
  --moba_beige:         #F5F5F5;
  --moba_light_grey:    #EEEDED;
  --moba_grey:          #E6E6E6;
  --moba_text_dark:     #1D1D1B;
  --moba_text_secondary:#2C2C2C;

  /* Radii */
  --radius-md:          25px;
  --radius-sm:          15px;
  --radius-pill:        9999px;

  /* Layout primitives */
  --menu-rows: 7;
  --event-card-w: min(80vw, 360px);
  --vh: 1vh;

  /* Dropdown-menu row sizing (used by .animated_menu > li) */
  --vpad: 40px;
  --row-gap: 0px;
  --lh: 1.2;

  /* Slider / testimonial-card sizing */
  --slide-w: 88vw;
  --t-card-w: min(90vw, 680px);
}