/* ============================================================
   Skillora / brandseducation (theme 33) design tokens — single source of truth.
   Imported by styles.css (home + udemy_theme pages) and linked on the legacy
   /explore/coursecategory page (theme 33 only) so its course cards reuse the
   exact same values. Moved out of styles.css unchanged on 2026-09-28.
   ============================================================ */

/* ---------- Variables ---------- */
:root {
  /* Colors */
  --purple: #497e9f;
  --purple-dark: #3a657f;
  --purple-tint: #edf2f5;
  --navy: #1c1d28;
  --navy-darkest: #14151f;
  --teal: #1c6b62;
  --teal-deep: #0d3a35;
  --mint: #cef1eb;
  --text: #2b2b3c;
  --text-gray: #6a6f73;
  --gray-bg: #f6f7f9;
  --border: #e4e6ea;
  --white: #ffffff;
  --star: #f0a92e;

  /* Type */
  --font: "Inter", "Poppins", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fs-body: 16px;
  --fs-h1: 28px;
  --fs-h2: 24px;
  --fs-h3: 18px;
  --fs-h4: 16px;
  --fs-small: 13px;

  /* Layout */
  --max-w: 1340px;
  --radius: 8px;
  --section-y: 70px;
  --gap: 24px;
  --shadow: 0 2px 12px rgba(20, 21, 31, .10);
  --shadow-lg: 0 8px 28px rgba(20, 21, 31, .16);
}