/* ==========================================================================
   Olfactory Bliss — Color Tokens
   A warm, high-contrast luxury palette: near-black grounds, burnished gold,
   ivory light space, and a deep burgundy accent. Photography-forward.
   ========================================================================== */

:root {
  /* ---- Base palette (raw brand colors) ---------------------------------- */
  --ob-black:        #111111;  /* Primary Black — grounds, ink            */
  --ob-charcoal:     #2B2B2B;  /* Charcoal — secondary surfaces, borders  */
  --ob-gold:         #C8A24B;  /* Luxury Gold — primary accent            */
  --ob-ivory:        #F5F2EC;  /* Ivory — light surface, paper            */
  --ob-beige:        #D8C7B4;  /* Warm Beige — muted warm neutral         */
  --ob-burgundy:     #5B1E26;  /* Accent Burgundy — deep, sparing accent  */

  /* Extended neutrals derived from the base grounds ---------------------- */
  --ob-black-950:    #0B0B0B;  /* deepest — full-bleed hero grounds       */
  --ob-black-900:    #111111;
  --ob-black-800:    #1A1A1A;  /* raised dark surface / card              */
  --ob-black-700:    #2B2B2B;  /* charcoal                                */
  --ob-black-600:    #3A3A38;  /* hairline on dark, disabled ink          */
  --ob-gray-500:     #6E6A63;  /* muted body on light                     */
  --ob-gray-400:     #8C877E;
  --ob-beige-300:    #D8C7B4;
  --ob-beige-200:    #E7DDCF;
  --ob-ivory-100:    #F5F2EC;
  --ob-ivory-50:     #FBFAF6;  /* lightest paper                          */
  --ob-white:        #FFFFFF;

  /* Gold ramp — for gradients, hovers, hairlines ------------------------- */
  --ob-gold-700:     #A07E33;  /* pressed / deep edge                     */
  --ob-gold-600:     #B8913F;
  --ob-gold-500:     #C8A24B;  /* base gold                               */
  --ob-gold-400:     #D8B968;  /* hover / highlight                       */
  --ob-gold-300:     #E7CF93;  /* soft sheen                              */
  --ob-gold-200:     #F0E0BC;  /* faint gold tint on light                */

  /* Burgundy ramp -------------------------------------------------------- */
  --ob-burgundy-700: #43151B;
  --ob-burgundy-500: #5B1E26;
  --ob-burgundy-400: #7A2C36;

  /* Signature gold gradient (logo foil, dividers, CTA sheen) -------------- */
  --ob-gold-foil: linear-gradient(135deg, #A07E33 0%, #E7CF93 30%, #C8A24B 55%, #F0E0BC 78%, #B8913F 100%); /* @kind other */
  --ob-gold-sheen: linear-gradient(180deg, #E7CF93 0%, #C8A24B 50%, #A07E33 100%); /* @kind other */
  /* Warm dark ambient wash for hero grounds */
  --ob-warm-ground: radial-gradient(120% 90% at 50% 15%, #26221B 0%, #141210 45%, #0B0B0B 100%); /* @kind other */

  /* ---- Semantic aliases ------------------------------------------------- */
  /* Dark theme is the brand default (editorial, photography-forward). */
  --surface-page:        var(--ob-black-900);
  --surface-raised:      var(--ob-black-800);
  --surface-inset:       var(--ob-black-950);
  --surface-card:        #17150F;   /* warm-tinted dark card               */
  --surface-light:       var(--ob-ivory-100);
  --surface-light-card:  var(--ob-white);
  --surface-overlay:     rgba(11, 11, 11, 0.72);

  --text-primary:        var(--ob-ivory-100);   /* on dark                 */
  --text-secondary:      #B8B2A6;               /* on dark, muted          */
  --text-muted:          #7E7A70;
  --text-on-light:       var(--ob-black-900);   /* on ivory                */
  --text-on-light-muted: var(--ob-gray-500);
  --text-gold:           var(--ob-gold-500);
  --text-inverse:        var(--ob-black-900);    /* ink on gold            */

  --accent:              var(--ob-gold-500);
  --accent-hover:        var(--ob-gold-400);
  --accent-press:        var(--ob-gold-700);
  --accent-quiet:        var(--ob-burgundy-500);

  --border-hairline:     rgba(200, 162, 75, 0.28);  /* gold hairline       */
  --border-subtle:       rgba(245, 242, 236, 0.10); /* faint on dark       */
  --border-on-light:     rgba(17, 17, 17, 0.10);
  --divider-gold:        var(--ob-gold-foil); /* @kind other */

  /* Status (kept muted & warm to stay on-brand) -------------------------- */
  --status-success:      #6E8B5A;
  --status-error:        #A6474E;
  --status-info:         #6E8199;
  --status-warning:      #C8952E;
}