/* Bröderna Nahi — primitive tokens (layer 1 of 3).
   Each version maps these to its own semantic (layer 2) and component (layer 3) tokens.
   Colours are sampled from the logo and from the salon itself (see PRODUCT.md). */
:root {
  /* Logo gold, sampled from assets/logo-original.png */
  --prim-gold-100: #fcf6e0;
  --prim-gold-200: #f0d89c;
  --prim-gold-300: #e4c084;
  --prim-gold-400: #d8b478;
  --prim-gold-500: #c0a070;
  --prim-gold-600: #a57f48;
  --prim-gold-700: #6e5430;

  /* The salon: graphite walls, black capes, LED ceiling, brass mirror frames */
  --prim-graphite-900: #121214;
  --prim-graphite-800: #1c1d20;
  --prim-graphite-700: #2e3033;
  --prim-graphite-500: #5a5d62;
  --prim-graphite-300: #a5a8ad;
  --prim-led-50: #eef1f2;
  --prim-brass-500: #b48f58;

  /* Warm blacks and bone for the gold world */
  --prim-ink-950: #0d0b09;
  --prim-ink-900: #16130f;
  --prim-ink-800: #211c16;
  --prim-bone-100: #eee6d6;
  --prim-bone-300: #bdb3a1;

  /* Signal */
  --prim-green-400: #3bd47a;
  --prim-red-400: #ff5a4f;

  /* Spacing (4px base) */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem;
  --space-9: 6rem; --space-10: 8rem; --space-11: 12rem;

  /* Motion (Emil Kowalski curves) */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-press: 140ms;
  --dur-ui: 220ms;
  --dur-reveal: 700ms;
}