:root {
  /* Base neutrals — the salon is dark-first */
  --ink-900: #080706;
  --ink-800: #0e0d0b;
  --ink-700: #141210;
  --ink-600: #1c1917;
  --ink-500: #262220;
  --ink-400: #3a3431;
  --ink-300: #575049;

  /* Warm paper neutrals — the light band of the reference layout */
  --paper-50: #ffffff;
  --paper-100: #faf7f2;
  --paper-200: #f4efe6;
  --paper-300: #e9e1d4;
  --paper-400: #d6cbb9;

  /* Gold — the single brand hue, taken from the logo foil */
  --gold-100: #f6e7bb;
  --gold-200: #e8cf8b;
  --gold-300: #d9bb69;
  --gold-400: #c9a227;
  --gold-500: #b08d1f;
  --gold-600: #8a6d16;

  /* Text on dark / on light */
  --text-on-dark: #f3ece1;
  --text-on-dark-muted: #b9ada0;
  --text-on-light: #191512;
  --text-on-light-muted: #6b6157;

  /* Semantic aliases */
  --surface-page: var(--ink-800);
  --surface-page-alt: var(--paper-200);
  --surface-card: var(--ink-700);
  --surface-card-light: var(--paper-100);
  --surface-raised: var(--ink-600);
  --surface-overlay: rgba(8, 7, 6, 0.72);

  --text-body: var(--text-on-dark);
  --text-muted: var(--text-on-dark-muted);
  --text-heading: var(--paper-50);
  --text-accent: var(--gold-300);
  --text-price: var(--gold-400);

  --brand: var(--gold-400);
  --brand-hover: var(--gold-300);
  --brand-press: var(--gold-500);
  --on-brand: #17120a;

  --border-hairline: rgba(233, 225, 212, 0.12);
  --border-gold: rgba(201, 162, 39, 0.42);
  --border-light: #e5dccc;

  --success: #6f8f62;
  --warning: #c98a27;
  --danger: #a4483c;
  --info: #6d8595;

  /* Signature washes */
  --wash-gold: linear-gradient(180deg, var(--gold-200) 0%, var(--gold-400) 52%, var(--gold-600) 100%); /* @kind color */
  --wash-gold-text: linear-gradient(100deg, var(--gold-200), var(--gold-400) 45%, var(--gold-100)); /* @kind color */
  --wash-protect-bottom: linear-gradient(180deg, rgba(8, 7, 6, 0) 0%, rgba(8, 7, 6, 0.55) 45%, rgba(8, 7, 6, 0.94) 100%); /* @kind color */
  --wash-protect-left: linear-gradient(90deg, rgba(8, 7, 6, 0.96) 0%, rgba(8, 7, 6, 0.6) 45%, rgba(8, 7, 6, 0) 100%); /* @kind color */
}
