:root {
  /* Palette */
  --coral:        #ff6b6b;
  --coral-dark:   #e05555;
  --coral-light:  #fff5f5;
  --coral-border: #ffcdd2;
  --mint:         #51cf9c;
  --mint-dark:    #26a69a;
  --mint-light:   #f0faf5;
  --gold:         #f59e0b;
  --navy:         #1a1a2e;

  /* Neutrals */
  --bg:           #f8f8f8;
  --white:        #ffffff;
  --text-dark:    #1a1a1a;
  --text-body:    #333333;
  --text-muted:   #888888;
  --text-light:   #aaaaaa;
  --border:       #f0f0f0;
  --border-mid:   #e8e8e8;

  /* Spacing */
  --px:    32px;
  --px-sm: 16px;

  /* Radius */
  --r-sm:   8px;
  --r-md:   16px;
  --r-lg:   20px;
  --r-pill: 30px;

  /* Shadows */
  --shadow-sm:    0 2px 12px rgba(0,0,0,0.06);
  --shadow-md:    0 8px 28px rgba(0,0,0,0.10);
  --shadow-lg:    0 12px 40px rgba(0,0,0,0.12);
  --shadow-coral: 0 6px 20px rgba(255,107,107,0.35);

  /* Typography */
  --font:     'Segoe UI', system-ui, -apple-system, sans-serif;
  --fw-normal: 400;
  --fw-semi:   600;
  --fw-bold:   700;
  --fw-black:  900;

  /* Z-index */
  --z-header:  200;
  --z-nav:     199;
  --z-drawer:  300;
  --z-overlay: 299;
  --z-fab:     999;
}