/* ==========================================================================
   Design tokens - extracted verbatim from the Gudfin Demo 02 reference
   ========================================================================== */
:root{
  /* Palette */
  --gc-global:#ecab23;
  --gc-global-rgb:236,171,35;
  --gc-secondary:#16222d;
  --gc-secondary-rgb:22,34,45;
  --gc-heading:#1e3238;
  --gc-body:#7c898d;
  --gc-light-bg:#ecf0f4;
  --gc-light-bg-rgb:236,240,244;
  --gc-white:#fff;
  --gc-white-rgb:255,255,255;
  --gc-border:#e6eaee;
  --gc-link:#16222d;
  --gc-link-hover:#ecab23;

  /* Typography */
  --gc-font-body:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --gc-font-heading:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --gc-body-size:17px;
  --gc-body-lh:1.6;

  --gc-h1-size:58px;  --gc-h1-lh:65px;
  --gc-h2-size:48px;  --gc-h2-lh:53px;
  --gc-h3-size:40px;  --gc-h3-lh:45px;
  --gc-h4-size:34px;  --gc-h4-lh:40px;
  --gc-h5-size:28px;  --gc-h5-lh:32px;
  --gc-h6-size:22px;  --gc-h6-lh:28px;

  /* Layout */
  /* Reference: boxed 1420px, 15px padding; header uses its own 40px gutters. */
  --gc-container:1420px;
  --gc-gutter:15px;
  --gc-section-pad:110px;

  /* Motion */
  --gc-ease:cubic-bezier(.4,0,.2,1);
  --gc-dur:.4s;
  --gc-radius:10px;
  --gc-shadow:0 10px 40px rgba(var(--gc-secondary-rgb),.08);
}

@media (max-width:1024px){ :root{ --gc-container:1024px; --gc-section-pad:80px;
  --gc-h1-size:44px; --gc-h1-lh:52px; --gc-h2-size:38px; --gc-h2-lh:44px;
  --gc-h3-size:32px; --gc-h3-lh:38px; --gc-h4-size:28px; --gc-h4-lh:34px; } }
@media (max-width:767px){ :root{ --gc-container:100%; --gc-section-pad:60px;
  --gc-h1-size:36px; --gc-h1-lh:44px; --gc-h2-size:30px; --gc-h2-lh:38px;
  --gc-h3-size:26px; --gc-h3-lh:32px; --gc-h4-size:24px; --gc-h4-lh:30px;
  --gc-h5-size:22px; --gc-h5-lh:28px; --gc-body-size:16px; } }

@media (prefers-reduced-motion:reduce){
  :root{ --gc-dur:.001s; }
  *,*::before,*::after{ animation-duration:.001s!important; transition-duration:.001s!important; scroll-behavior:auto!important; }
}
