/* Midnight Gold — single source of color truth for every migrated page.
   Dark is the default (no attribute); html[data-theme="light"] overrides.
   No page should declare a color literal outside this file once every
   template has migrated off SUBPAGE_STYLE (see docs plan). */

:root {
  /* surfaces */
  --bg:            #0a0e1a;
  --bg-elevated:   #141a2b;
  --bg-elevated-2: #111624;
  --bg-panel:      rgba(15,23,42,0.5);
  --border:        rgba(148,163,184,0.1);
  --border-soft:   rgba(148,163,184,0.15);
  --border-strong: rgba(212,165,116,0.18);

  /* text */
  --text:       #e2e8f0;
  --text-muted: #94a3b8;
  --text-dim:   #64748b;

  /* brand (gold) */
  --brand-1: #f4e5c1;
  --brand-2: #d4a574;
  --brand-3: #c99566;
  --brand-4: #a67f4d;

  /* the 4-bucket semantic palette — also the target every fleet-state /
     action-category color collapses into (see docs/plan for the mapping) */
  --success:        #10b981;
  --success-text:   #6ee7b7;
  --success-border: rgba(16,185,129,.3);
  --danger:         #ef4444;
  --danger-text:    #fca5a5;
  --danger-border:  rgba(239,68,68,.3);
  --warning:        #f59e0b;
  --warning-text:   #fcd34d;
  --warning-border: rgba(245,158,11,.3);
  --info:           #3b82f6;
  --info-text:      #93c5fd;
  --info-border:    rgba(59,130,246,.3);
}

html[data-theme="light"] {
  --bg:            #f5f5f0;
  --bg-elevated:   #ffffff;
  --bg-elevated-2: #faf8f0;
  --bg-panel:      #f5f2e8;
  --border:        rgba(74,85,104,0.12);
  --border-soft:   rgba(74,85,104,0.16);
  --border-strong: rgba(139,90,43,0.25);

  --text:       #1a1a1a;
  --text-muted: #4a5568;
  --text-dim:   #7a8698;

  --brand-1: #8b5a2b;
  --brand-2: #a67f4d;
  --brand-3: #8b5a2b;
  --brand-4: #6b4423;

  --success:        #059669;
  --success-text:   #047857;
  --success-border: rgba(5,150,105,.35);
  --danger:         #dc2626;
  --danger-text:    #b91c1c;
  --danger-border:  rgba(220,38,38,.35);
  --warning:        #b45309;
  --warning-text:   #92400e;
  --warning-border: rgba(180,83,9,.35);
  --info:           #2563eb;
  --info-text:      #1d4ed8;
  --info-border:    rgba(37,99,235,.35);
}