/* =========================================================================
   VELVETCONNECT · COLOR TOKENS
   Dark-first. Near-black ink base, gold as the single luminous accent,
   deep wine for romance/heat, dusty rose as a soft secondary, cream for text.
   Source palette (brand sheet): #0B0B0F #5A1028 #C8A45D #F4EFE7 #C98787
   ========================================================================= */

:root {
  /* ---------- INK (near-black → dark surfaces) ---------- */
  --vc-ink-950: #0B0B0F;  /* page background — the brand's signature black */
  --vc-ink-900: #100F15;
  --vc-ink-850: #15141B;  /* base surface */
  --vc-ink-800: #1B1A23;  /* card */
  --vc-ink-750: #221F2A;  /* elevated card */
  --vc-ink-700: #2A2733;  /* hairline-on-dark / input bg */
  --vc-ink-600: #3A3744;  /* strong border on dark */
  --vc-ink-500: #514D5C;  /* disabled fg */
  --vc-ink-400: #6E6979;

  /* ---------- GOLD (the accent — CTAs, verification, wordmark) ---------- */
  --vc-gold-200: #EEDCB0;
  --vc-gold-300: #E3C98A;
  --vc-gold-400: #D6B670;
  --vc-gold-500: #C8A45D;  /* primary gold */
  --vc-gold-600: #AE8B47;
  --vc-gold-700: #8A6C34;
  --vc-gold-800: #5E4922;
  /* gilded sheen used on the logo / premium surfaces */
  --vc-gold-gradient: linear-gradient(135deg, #EEDCB0 0%, #C8A45D 45%, #9A7838 100%); /* @kind color */

  /* ---------- WINE / BURGUNDY (heat, romance, secondary surfaces) ---------- */
  --vc-wine-900: #2E0712;
  --vc-wine-800: #420A1C;
  --vc-wine-700: #5A1028;  /* base wine */
  --vc-wine-600: #74203B;
  --vc-wine-500: #8E3450;
  --vc-wine-gradient: linear-gradient(160deg, #5A1028 0%, #2E0712 100%); /* @kind color */

  /* ---------- ROSE / MAUVE (soft secondary, favourites, feminine accents) ---------- */
  --vc-rose-300: #DEB0B0;
  --vc-rose-400: #C98787;  /* base rose */
  --vc-rose-500: #B06C6C;

  /* ---------- CREAM / LIGHT (type on dark, rare light surfaces) ---------- */
  --vc-cream-50:  #F4EFE7;  /* primary cream */
  --vc-cream-100: #EAE2D5;
  --vc-cream-200: #D8CCBA;
  --vc-white:     #FFFFFF;

  /* ---------- STATUS (restrained; brand avoids loud stoplight UI) ---------- */
  --vc-success: #6FAE7E;
  --vc-warning: var(--vc-gold-400);
  --vc-danger:  #C25B5B;
  --vc-info:    var(--vc-rose-400);

  /* ============ SEMANTIC ALIASES ============ */
  /* Backgrounds */
  --bg-page:      var(--vc-ink-950);
  --bg-surface:   var(--vc-ink-850);
  --bg-card:      var(--vc-ink-800);
  --bg-elevated:  var(--vc-ink-750);
  --bg-input:     var(--vc-ink-700);
  --bg-wine:      var(--vc-wine-700);
  --bg-inverse:   var(--vc-cream-50);

  /* Foreground / text */
  --fg-strong:    var(--vc-white);
  --fg-default:   var(--vc-cream-50);
  --fg-muted:     rgba(244, 239, 231, 0.62);
  --fg-subtle:    rgba(244, 239, 231, 0.40);
  --fg-disabled:  rgba(244, 239, 231, 0.26);
  --fg-accent:    var(--vc-gold-500);
  --fg-on-gold:   var(--vc-ink-950);
  --fg-on-wine:   var(--vc-cream-50);
  --fg-inverse:   var(--vc-ink-950);

  /* Borders / dividers */
  --border-hair:   rgba(244, 239, 231, 0.08);
  --border-soft:   rgba(244, 239, 231, 0.14);
  --border-strong: rgba(244, 239, 231, 0.24);
  --border-gold:   var(--vc-gold-600);
  --border-gold-soft: rgba(200, 164, 93, 0.40);

  /* Accent roles */
  --accent:        var(--vc-gold-500);
  --accent-hover:  var(--vc-gold-400);
  --accent-press:  var(--vc-gold-600);
  --verified:      var(--vc-gold-500);
  --favourite:     var(--vc-rose-400);

  /* Scrims / overlays for imagery (the brand floats text over dark photos) */
  --scrim-bottom: linear-gradient(180deg, rgba(11,11,15,0) 0%, rgba(11,11,15,0.85) 100%); /* @kind color */
  --scrim-full:   linear-gradient(180deg, rgba(11,11,15,0.30) 0%, rgba(11,11,15,0.78) 100%); /* @kind color */
  --photo-tint:   rgba(11, 11, 15, 0.20); /* warm-dark wash kept on all imagery */
}