/* ─────────────────────────────────────────────────────────────
   Design tokens: colors, typography, spacing, radii, shadows
─────────────────────────────────────────────────────────────*/
:root {
  /* Brand colors */
  --sd-primary:      #002D72;
  --sd-secondary:    #009AD7;
  --sd-accent:       #EDB71E;
  --sd-text-dark:    #1b1b1b;
  --sd-text-light:   #FFFFFF;
  --sd-bg-light:     #f5f7fa;

  /* Typography */
  --sd-font-base:    'Open Sans', sans-serif;
  --sd-font-size:    16px;
  --sd-line-height:  1.5;

  /* Spacing scale */
  --sd-space-sm:     0.5rem;
  --sd-space:        1rem;
  --sd-space-lg:     2rem;

  /* Radii & shadows */
  --sd-radius:       4px;
  --sd-shadow-light: 0 2px 6px rgba(0,0,0,0.05);
  --sd-shadow-med:   0 4px 12px rgba(0,0,0,0.15);
}

/* Global reset & typography */
body {
  margin: 0;
  padding: 0;
  font-family: var(--sd-font-base);
  font-size: var(--sd-font-size);
  line-height: var(--sd-line-height);
  background: var(--sd-bg-light);
  color: var(--sd-text-dark);
}