/* ═══════════════════════════════════════════════
   theme.css — EDIT ONLY THIS FILE TO RETHEME
   ═══════════════════════════════════════════════
   Index  Hex       Name
   0      #011627   Deep Navy
   1      #FDFFFC   Baby Powder White
   2      #2EC4B6   Tiffany Blue / Teal
   3      #E71D36   Rose Madder / Red
   4      #FF9F1C   Orange-Peel
   ─────────────────────────────────────────── */
:root {
  /* ── Raw Palette ── */
  --color-navy:   #011627;
  --color-white:  #FDFFFC;
  --color-teal:   #2EC4B6;
  --color-red:    #E71D36;
  --color-orange: #FF9F1C;

  /* ── Backgrounds ── */
  --bg:        #F5FFFE;
  --bg-alt:    #ffffff;
  --bg-sec:    #E8F9F8;

  /* ── Surfaces & Borders ── */
  --surface:   #ffffff;
  --card:      #ffffff;
  --border:    #A8D4D1;
  --border-lt: #CEECEA;

  /* ── Primary (Navy) ── */
  --primary:   #011627;
  --primary-h: #000D18;
  --primary-l: #012D4A;

  /* ── Accent & Actions ── */
  --accent:    #2EC4B6;
  --accent-h:  #24A99D;
  --accent-l:  #4DD4C8;
  --cta:       #FF9F1C;
  --cta-h:     #E68A00;
  --cta-l:     #FFBA52;
  --alert:     #E71D36;
  --alert-h:   #C0001E;

  /* ── Semantic ── */
  --success:   #2EC4B6;
  --success-bg:#D6F7F5;
  --warn:      #E71D36;
  --warn-bg:   #FDEAED;

  /* ── Text ── */
  --text:      #011627;
  --text-2:    #264256;
  --text-3:    #527080;

  /* ── Shadows (multi-layer, navy-tinted) ── */
  --shadow-sm:     0 1px 3px rgba(1,22,39,.06), 0 3px 12px rgba(1,22,39,.05);
  --shadow:        0 4px 20px rgba(1,22,39,.09), 0 1px 4px rgba(1,22,39,.06);
  --shadow-lg:     0 12px 50px rgba(1,22,39,.14), 0 4px 12px rgba(1,22,39,.07);
  --shadow-teal:   0 6px 28px rgba(46,196,182,.25);
  --shadow-orange: 0 4px 22px rgba(255,159,28,.38);
  --shadow-card:   0 2px 8px rgba(1,22,39,.06), 0 8px 30px rgba(1,22,39,.08);

  /* ── Gradients ── */
  --grad-hero:   linear-gradient(118deg, #000D18 0%, #011627 48%, #01253F 100%);
  --grad-teal:   linear-gradient(135deg, #2EC4B6 0%, #1EA89C 100%);
  --grad-orange: linear-gradient(135deg, #FFBA52 0%, #FF9F1C 50%, #E68A00 100%);
  --grad-card:   linear-gradient(145deg, #ffffff 0%, #F2FBFA 100%);
  --grad-surface: linear-gradient(160deg, #F5FFFE 0%, #EAF9F8 100%);
}
