/* ─────────────────────────────────────────────────────────────
   COLORS — Long Hair Don't Care
   Dark-first palette. Five chromatic families + neutral.
───────────────────────────────────────────────────────────── */

:root {
  /* ── White ── */
  --color-white: #ffffff;

  /* ── Neutral (warm near-black → white) ── */
  --color-neutral-0: #ffffff;
  --color-neutral-1: #F2F2F2;
  --color-neutral-2: #DADAD9;
  --color-neutral-3: #B6B5B4;
  --color-neutral-4: #858482;
  --color-neutral-5: #545350;
  --color-neutral-6: #24221E;
  --color-neutral-7: #0C0A05;

  /* ── Glacier (dusty steel-blue) ── */
  --color-glacier-1: #F2F6F9;
  --color-glacier-2: #E5EEF3;
  --color-glacier-3: #A5C5D7;
  --color-glacier-4: #7FADC6;
  --color-glacier-5: #658A9E;
  --color-glacier-6: #32454F;
  --color-glacier-7: #26333B;

  /* ── Mine Shaft (cool near-black) ── */
  --color-mine-shaft-1: #EAEAEA;
  --color-mine-shaft-2: #D6D6D6;
  --color-mine-shaft-3: #707070;
  --color-mine-shaft-4: #333333;
  --color-mine-shaft-5: #282828;
  --color-mine-shaft-6: #141414;
  --color-mine-shaft-7: #0F0F0F;

  /* ── Puce (mauve / dusty rose) ── */
  --color-puce-1: #F9F2F5;
  --color-puce-2: #F3E5EB;
  --color-puce-3: #D7A5BA;
  --color-puce-4: #C67F9D;
  --color-puce-5: #9E657D;
  --color-puce-6: #4F323E;
  --color-puce-7: #3B262F;

  /* ── Rob Roy (antique gold) ── */
  --color-rob-roy-1: #FDF9EF;
  --color-rob-roy-2: #FBF4E0;
  --color-rob-roy-3: #F3DA95;
  --color-rob-roy-4: #EFCB68;
  --color-rob-roy-5: #BFA253;
  --color-rob-roy-6: #5F5129;
  --color-rob-roy-7: #473C1F;

  /* ── White Pointer (ghostly off-white / lavender) ── */
  --color-white-pointer-1: #FEFEFF;
  --color-white-pointer-2: #FEFDFF;
  --color-white-pointer-3: #FEFAFF;
  --color-white-pointer-4: #FEF9FF;
  --color-white-pointer-5: #CBC7CC;
  --color-white-pointer-6: #656366;
  --color-white-pointer-7: #4C4A4C;

  /* ── Transparency utilities ── */
  --color-white-5:  rgba(255,255,255,0.05);
  --color-white-10: rgba(255,255,255,0.10);
  --color-white-15: rgba(255,255,255,0.15);
  --color-white-20: rgba(255,255,255,0.20);
  --color-white-30: rgba(255,255,255,0.30);
  --color-white-40: rgba(255,255,255,0.40);
  --color-white-50: rgba(255,255,255,0.50);
  --color-white-60: rgba(255,255,255,0.60);

  --color-black-5:  rgba(12,10,5,0.05);
  --color-black-10: rgba(12,10,5,0.10);
  --color-black-15: rgba(12,10,5,0.15);
  --color-black-20: rgba(12,10,5,0.20);
  --color-black-30: rgba(12,10,5,0.30);
  --color-black-50: rgba(12,10,5,0.50);

  /* ── Semantic aliases ── */
  --color-surface-base:    var(--color-neutral-7);
  --color-surface-raised:  var(--color-neutral-6);
  --color-surface-card:    var(--color-mine-shaft-6);
  --color-accent-primary:  var(--color-glacier-4);
  --color-accent-warm:     var(--color-rob-roy-4);
  --color-accent-rose:     var(--color-puce-4);
  --color-text-primary:    var(--color-white);
  --color-text-muted:      var(--color-neutral-3);
  --color-border-subtle:   rgba(255,255,255,0.20);
  --color-border-strong:   rgba(255,255,255,0.40);
}