/* Mr. J's Barbershop — Color tokens
   Values transcribed exactly from the brand concept file. */
:root {
  /* ---- Ink / dark surfaces (the shop is dark-first) ---- */
  --ink-900: #030306;   /* deepest black, near-true */
  --ink-800: #141414;   /* primary page background */
  --ink-750: #181d25;   /* cool charcoal (barber-station navy-black) */
  --ink-700: #1e1e1e;   /* raised surface / card */
  --ink-600: #444444;   /* hairline panels, muted chrome */

  /* ---- Cream / light (typography on dark) ---- */
  --cream-050: #fefefa; /* off-white ink for outlines / display */
  --cream-100: #ffffff; /* pure white */
  --cream-200: #fcdfbc; /* warm cream / peach — soft accent + avatars */
  --paper-300: #dedede; /* muted paper text */

  /* ---- Gold (the signature accent) ---- */
  --gold-500: #cdb90e;  /* primary brand gold */
  --gold-400: #ffd700;  /* bright highlight gold */

  /* ---- Bronze / tan (vintage warmth) ---- */
  --bronze-500: #bb9d81; /* tan bronze — secondary accent + body warmth */
  --bronze-600: #93785f; /* deep bronze */
  --bronze-700: #926b3d; /* espresso bronze */

  /* ---- Neutral grays ---- */
  --gray-400: #b0aeae;
  --gray-500: #999999;
  --gray-600: #757575;
  --gray-700: #515151;

  /* ---- Barber-pole cues (used sparingly) ---- */
  --pole-blue: #5e97ff;
  --pole-red:  #c0392b;
  --teal-700:  #004250;
  --teal-500:  #03839e;

  /* ---- Semantic aliases ---- */
  --bg-page: var(--ink-800);
  --bg-elevated: var(--ink-700);
  --bg-inset: var(--ink-750);
  --surface-card: rgba(30, 30, 30, 0.7);
  --border-hairline: rgba(255, 255, 255, 0.1);
  --border-strong: var(--cream-050);

  --text-primary: var(--cream-100);
  --text-secondary: var(--paper-300);
  --text-muted: var(--gray-400);
  --text-onlight: var(--ink-800);

  --accent: var(--gold-500);
  --accent-bright: var(--gold-400);
  --accent-warm: var(--bronze-500);

  --focus-ring: var(--gold-400);
}