/* Gaba Consult — brand tokens (Aurora Glass)
 * Three palettes: teal (default), forest, plum.
 * Variable names kept from the original token layer so styles.css
 * works unchanged; values are Gaba palettes.
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700;1,900&family=Comfortaa:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap');

:root {
  /* ----- TEAL (Calm Clinical) — default ----- */
  --mz-royal-purple:   #1D6E66;
  --mz-orchid:         #3FB5AA;
  --mz-dark-lavender:  #7ECFC4;
  --mz-light-lavender: #A8DFD7;
  --mz-soft-pink:      #F2E2C4;
  --mz-soft-violet:    #9AD4CB;
  --mz-pale-tint:      #DCEFEC;
  --mz-deep-purple:    #134E48;
  --mz-violet-700:     #1B7A70;
  --mz-violet-800:     #2A6A61;
  --mz-magenta:        #5BD0BD;
  --mz-electric-blue:  #6FB5D8;
  --mz-sky:            #8BC7E0;

  --mz-fg-1: #16302D;
  --mz-fg-2: #56716C;
  --mz-fg-3: #98B2AD;
  --mz-fg-4: #ACC4BF;

  --mz-bg:        #FFFFFF;
  --mz-bg-subtle: #F2F7F6;
  --mz-bg-soft:   #E5EEEC;
  --mz-card:      #FFFFFF;
  --mz-divider:   rgba(22,48,45,0.10);
  --mz-grey-cool: #7D8686;

  --gx-primary-rgb: 29,110,102;
  --gx-accent-rgb:  63,181,170;
  --gx-blue-rgb:    111,181,216;
  --gx-shadow-rgb:  12,59,54;
  --gx-dark-0: #07211E;
  --gx-dark-1: #0A2B27;
  --gx-dark-2: #10403A;
  --gx-blob-1: #3FB5AA;
  --gx-blob-2: #7ECFC4;
  --gx-blob-3: #6FB5D8;
  --gx-blob-4: #F2E2C4;

  --mz-grad-brand: linear-gradient(180deg, #3FB5AA 0%, #2E9C90 30%, #1D6E66 55%, #7ECFC4 100%);
  --mz-grad-soft:  linear-gradient(180deg, #3FB5AA 0%, #A8DFD7 100%);
  --mz-grad-cta:   linear-gradient(90deg, #6FB5D8 0%, #1D6E66 52%, #5BD0BD 100%);
  --mz-grad-wash:  linear-gradient(180deg, rgba(29,110,102,0.30) 0%, rgba(255,255,255,0) 100%);

  --mz-shadow-card:  0 20px 40px 0 rgba(var(--gx-primary-rgb),0.10);
  --mz-shadow-cta:   0 15px 30px 0 rgba(var(--gx-shadow-rgb),0.15);
  --mz-shadow-soft:  0 8px 24px 0 rgba(var(--gx-shadow-rgb),0.06);
  --mz-shadow-deep:  0 30px 60px 0 rgba(var(--gx-shadow-rgb),0.20);

  --mz-radius-xs: 8px;  --mz-radius-sm: 14px; --mz-radius-md: 20px;
  --mz-radius-lg: 25px; --mz-radius-xl: 35px; --mz-radius-2xl: 40px;
  --mz-radius-pill: 999px;

  --mz-s-1:4px; --mz-s-2:8px; --mz-s-3:12px; --mz-s-4:16px; --mz-s-5:20px;
  --mz-s-6:25px; --mz-s-7:32px; --mz-s-8:40px; --mz-s-9:56px; --mz-s-10:80px;

  --mz-font-sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mz-font-logo: 'Comfortaa', 'Poppins', sans-serif;
  --mz-font-data: 'Nunito', 'Poppins', sans-serif;

  --mz-text-xs:12px; --mz-text-sm:14px; --mz-text-base:16px; --mz-text-md:18px;
  --mz-text-lg:20px; --mz-text-xl:24px; --mz-text-2xl:28px; --mz-text-3xl:34px;
  --mz-text-4xl:40px; --mz-text-5xl:56px; --mz-text-6xl:72px; --mz-text-7xl:100px;

  --mz-h1-size:56px; --mz-h1-weight:700; --mz-h1-lh:1.05;
  --mz-h2-size:40px; --mz-h2-weight:700; --mz-h2-lh:1.1;
  --mz-h3-size:28px; --mz-h3-weight:600; --mz-h3-lh:1.2;
  --mz-h4-size:20px; --mz-h4-weight:600; --mz-h4-lh:1.25;
  --mz-body-size:16px; --mz-body-weight:400; --mz-body-lh:1.55;
  --mz-small-size:14px; --mz-small-weight:400;
  --mz-meta-size:12px; --mz-meta-weight:500;
  --mz-overline-size:12px; --mz-overline-weight:600;
}