/* MDGSI design system — frozen tokens.
   Shared by every MDGSI tool (eligibility checker, attending physician
   calculator, ...). Import this file first, then components.css.
   Source of authority: MDGSI_Shared_Visual_System_20260823_v2_CURRENT.
   Seventeen approved tokens plus the three -soft additions from section 1.2.
   Do not add colors here without a ruling from Bill. */

:root {
  /* Brand */
  --navy:           #0a2745;
  --navy-deep:      #071d32;
  /* Logo-blue quote action approved by Bill, September 7, 2026. */
  --brand-blue:     #1661a7;
  --brand-blue-dark:#124f89;
  --teal:           #0a7d78;
  --teal-dark:      #086d68;
  --teal-soft:      #dff2ef;
  --cream:          #f7f4ed;
  --white:          #ffffff;

  /* Text */
  --ink:            #152536;
  --muted:          #5b6a78;

  /* Structure */
  --line:           #d8e0e5;

  /* Status */
  --positive:       #176c50;
  --positive-soft:  #e9f7ef;
  --attention:      #98651a;
  --attention-soft: #fbf3e4;
  --review:         #6c5ba7;
  --review-soft:    #f0edf8;
  --error:          #9c3f35;
  --error-soft:     #fbeeec;

  /* Typography — visual system 1.3. No web font on any surface. */
  --font-display:   Georgia, "Times New Roman", serif;
  --font-interface: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
                    Roboto, Helvetica, Arial, sans-serif;

  /* Spacing scale — visual system 1.4 */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 24px;  --space-6: 32px;  --space-7: 40px;  --space-8: 48px;
  --space-9: 64px;  --space-10: 80px; --space-11: 96px; --space-12: 120px;

  /* Corner radius — visual system 1.5. Sharp and editorial. */
  --radius-control: 3px;
  --radius-card:    4px;

  /* Elevation — visual system 1.6.
     Teal-tinted on interactive elements, navy-tinted on structure. */
  --shadow-focus:    0 0 0 3px rgba(10,125,120,.13);
  --shadow-action:   0 10px 28px rgba(10,125,120,.19);
  --shadow-action-h: 0 13px 30px rgba(10,125,120,.24);
  --shadow-card:     0 18px 55px rgba(10,39,69,.10);
  --shadow-panel:    0 25px 60px rgba(10,39,69,.16);
  --shadow-raised:   0 24px 65px rgba(10,39,69,.12);
  --shadow-modal:    0 30px 90px rgba(0,0,0,.30);
  --shadow-hero:     0 28px 70px rgba(21,57,88,.18);
  --shadow-sticky:   0 -10px 25px rgba(10,39,69,.10);

  /* Layout — visual system 1.4 */
  --container: min(1180px, calc(100% - 3.5rem));
}