@font-face {
  font-family: 'Gobold';
  src: url('/static/fonts/Gobold Regular Italic.otf') format('opentype');
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/static/fonts/AvenirNextLTPro-MediumCn.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/static/fonts/AvenirNextLTPro-DemiCn.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand:          #083A54;
  --brand-dark:     #072638;
  --brand-mid:      #092E47;
  --brand-light:    #E6F0F5;
  --brand-border:   #A8C8DA;
  --bg:             #F1F5F9;
  --surface:        #FFFFFF;
  --border:         #E2E8F0;
  --text:           #0F172A;
  --text-sub:       #475569;
  --muted:          #94A3B8;
  --success:        #059669;
  --danger:         #DC2626;
  --nav-bg:         #072638;
  --nav-border:     rgba(255,255,255,0.10);
  --shadow-xs:      0 1px 2px rgba(0,0,0,0.05);
  --shadow-sm:      0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow:         0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.06);
  --shadow-md:      0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.05);
  --radius-sm:      6px;
  --radius:         10px;
  --radius-lg:      14px;

  /* Override Pico tokens */
  --pico-font-family-sans-serif: 'AvenirNext', system-ui, -apple-system, sans-serif;
  --pico-font-size:        15px;
  --pico-line-height:      1.6;
  --pico-primary:          #083A54;
  --pico-primary-hover:    #072638;
  --pico-primary-focus:    rgba(8,58,84,0.2);
  --pico-primary-inverse:  #FFFFFF;
  --pico-border-radius:    var(--radius);
  --pico-card-background-color:  var(--surface);
  --pico-card-border-color:      var(--border);
  --pico-background-color:       var(--bg);
  --pico-color:                  var(--text);
  --pico-muted-color:            var(--text-sub);
  --pico-muted-border-color:     var(--border);
}