@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Gravitas+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,1,0&display=block');

:root{
  /* fonts */
  --font-display:'Raleway',sans-serif;
  --font-body:'Inter',sans-serif;
  --font-character:'Gravitas One',serif;

  /* colors */
  --color-primary:#205FAF;
  --color-primary-dark:#1a4d8f;
  --color-primary-bg:#EAF3FF;
  --color-secondary:#C05715;
  --color-secondary-dark:#a3480f;
  --color-secondary-bg:#FFE8D9;
  --color-black:#1E1E1E;
  --color-gray:#707070;
  --color-gray-light:#B8B8B8;
  --color-gray-border:#DADADA;
  --color-white:#FFFFFF;
  --surface-page:var(--color-white);
  --surface-card:var(--color-white);
  --surface-tint-primary:var(--color-primary-bg);
  --surface-tint-secondary:var(--color-secondary-bg);
  --text-body:var(--color-black);
  --text-muted:var(--color-gray);
  --text-on-primary:var(--color-white);
  --text-on-secondary:var(--color-white);
  --border-default:var(--color-gray-border);
  --border-focus:var(--color-primary);
  --link-color:var(--color-primary);
  --link-hover:var(--color-primary-dark);

  /* typography */
  --text-eyebrow-size:14px;--text-eyebrow-weight:500;--text-eyebrow-lh:1.4;--text-eyebrow-tracking:1.2px;
  --text-body-sm-size:14px;--text-body-sm-weight:400;--text-body-sm-lh:1.5;
  --text-caption-size:12px;--text-caption-weight:400;--text-caption-lh:1.4;
  --text-button-size:16px;--text-button-weight:500;--text-button-lh:1;
  --text-display-size:64px;--text-display-size-mobile:40px;--text-display-lh:1.1;
  --text-max-width:70ch;
  --text-body-lg-size:20px;

  /* spacing */
  --space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;
  --container-max:1280px;

  /* radius */
  --radius-base:4px;
  --radius-accent:12px;
  --radius-accent-lg:24px;
  --radius-signature:var(--radius-base) var(--radius-base) var(--radius-accent) var(--radius-base);
  --radius-signature-lg:var(--radius-base) var(--radius-base) var(--radius-accent-lg) var(--radius-base);

  /* shadows */
  --shadow-sm:0 1px 2px rgba(30,30,30,0.06);
  --shadow-md:0 4px 12px rgba(30,30,30,0.08);
  --shadow-lg:0 12px 32px rgba(30,30,30,0.12);
  --shadow-focus:0 0 0 3px rgba(32,95,175,0.25);

  /* motion */
  --ease-standard:cubic-bezier(0.25,0.1,0.25,1);
  --duration-fast:200ms;
  --duration-base:450ms;
  --duration-slow:600ms;
  --reveal-distance:20px;
  --marquee-duration:36s;
}

@media (max-width: 599px){
  :root{ --text-body-lg-size: 16px; }
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}