/* Insurance Agent — Design Tokens v2.0 */
:root {
  /* ---- Surfaces ---- */
  --bg:        #F7F8FA;
  --bg-2:      #EEF0F4;
  --card:      #FFFFFF;
  --hairline:  #E6E8EE;
  --rule:      #D5D8E0;

  /* ---- Text ---- */
  --ink:    #0E1320;
  --ink-2:  #3A4253;
  --ink-3:  #6B7280;
  --ink-4:  #9CA3AF;

  /* ---- Accent (blue) ---- */
  --accent:      #2563EB;
  --accent-2:    #1D4ED8;
  --accent-tint: #EFF4FF;
  --accent-rule: #C7D7FF;

  /* ---- Semantic ---- */
  --ok:         #0F9D58;
  --ok-tint:    #E6F7EE;
  --ok-rule:    #B5E3C6;

  --watch:      #D97706;
  --watch-tint: #FFF5E5;
  --watch-rule: #FBD79A;

  --alert:      #E11D48;
  --alert-2:    #BE123C;
  --alert-tint: #FDECF0;
  --alert-rule: #F8BCC9;

  /* ---- Type ---- */
  --sans: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Radius ---- */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;

  /* ---- Elevation ---- */
  --shadow-1: 0 1px 2px rgba(14,19,32,.04), 0 1px 1px rgba(14,19,32,.03);
  --shadow-2: 0 10px 30px -12px rgba(14,19,32,.15), 0 2px 6px rgba(14,19,32,.04);

  /* ---- Layout ---- */
  /* Height of the sticky primary <nav>; secondary sticky elements (e.g.
     .plan-jumpnav) offset their `top` by this so they sit under, not over,
     the primary nav. Mobile override below. */
  --primary-nav-h: 65px;
}

@media (max-width: 640px) {
  :root { --primary-nav-h: 120px; }
}