/* iSAT — Design Tokens */
/* Brand typeface to match altioadvisory.com (Montserrat) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
}

:root {
  /* Colors — aligned to altioadvisory.com brand palette */
  --color-primary:       #1863DC;  /* brand blue (logo, buttons, primary actions) */
  --color-accent:        #0056A7;  /* deeper blue (links, hover, active states) */
  --color-white:         #FFFFFF;
  --color-text:          #212121;  /* near-black headings/body (site) */
  --color-bg-tinted:     #EEF4FD;  /* light blue wash for highlighted sections */
  --color-border:        #E4E7EB;
  --color-warning:       #F59E0B;
  --color-warning-light: #FEF3C7;
  --color-success:       #16A34A;
  --color-success-light: #DCFCE7;
  --color-teal:          #0DA8A8;
  --color-teal-light:    #CCFBF1;
  --color-navy:          #1C3A5F;  /* site hero / card-header navy */
  --color-cioms:         #0DA8A8;
  --color-lit:           #16A34A;
  --color-label:         #F59E0B;
  --color-error:         #DC2626;
  --color-muted:         #4E4B66;
  --color-surface:       #F4F4F4;

  /* Typography */
  --font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.25rem;
  --font-size-2xl:  1.5rem;
  --font-size-3xl:  1.875rem;
  --font-weight-normal:   400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Radii */
  --radius-card:  8px;
  --radius-input: 4px;
  --radius-badge: 4px;
  --radius-pill:  9999px;

  /* Shadows */
  --shadow-card:     0 1px 3px rgba(0, 0, 0, 0.10);
  --shadow-modal:    0 20px 60px rgba(0, 0, 0, 0.20);
  --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.12);

  /* Z-index layers */
  --z-nav:     100;
  --z-modal:   200;
  --z-tooltip: 300;

  /* Transitions */
  --transition-fast:   150ms ease-out;
  --transition-normal: 200ms ease-out;
  --transition-slow:   350ms ease-out;
}