/* ==========================================================================
   01 VARIABLES — Design Tokens
   Everything theme-configurable lives here. Override via :root { --mona-* }
   to rebrand without touching any other CSS.
   ========================================================================== */

:root {
  /* Brand palette — MONA Media Official */
  --mona-primary: #f7941d;
  /* MONA Orange */
  --mona-primary-dark: #1a1a1a;
  /* Near Black */
  --mona-primary-light: #ffb14d;
  /* Lighter Orange */
  --mona-accent: #f7941d;
  --mona-accent-light: #ffb14d;
  --mona-cream: #f9f9f9;
  --mona-cream-soft: #ffffff;


  /* Neutrals */
  --mona-white: #FFFFFF;
  --mona-black: #020617;
  --mona-gray: #64748b;
  --mona-gray-light: #f1f5f9;
  --mona-border: rgba(0, 0, 0, 0.08);

  /* Typography — Clean modern sans-serif stack */
  --mona-font-display: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mona-font-body: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mona-font-script: cursive;

  /* Layout */
  --mona-max-width: 1440px;
  --mona-container-px: clamp(20px, 4vw, 60px);
  --mona-section-py: clamp(60px, 8vw, 120px);

  /* Radii */
  --mona-radius-sm: 4px;
  --mona-radius: 8px;
  --mona-radius-lg: 12px;
  --mona-radius-xl: 24px;

  /* Motion */
  --mona-ease: cubic-bezier(.2, .7, .2, 1);
  --mona-ease-out: cubic-bezier(0, 0, .2, 1);
  --mona-ease-smooth: cubic-bezier(.77, 0, .175, 1);
  --mona-dur-fast: 0.2s;
  --mona-dur-med: 0.4s;
  --mona-dur-slow: 0.6s;

  /* Shadows */
  --mona-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --mona-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --mona-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

  /* Z-index layering */
  --mona-z-nav: 100;
  --mona-z-overlay: 150;
  --mona-z-menu: 200;
}

/* Respect user's motion preferences */
@media (prefers-reduced-motion: reduce) {
  :root {
    --mona-dur-fast: 0.01ms;
    --mona-dur-med: 0.01ms;
    --mona-dur-slow: 0.01ms;
  }
}