/* GoldCare — Color tokens (source of truth: production `colors_and_type.css`,
 * member/marketing surface). Values are verbatim from the live app.
 *
 * The whole system is near-monochrome: warm off-white canvas, warm near-black
 * ink, and ONE chromatic accent — a warm metallic gold used sparingly (~5%).
 * Never pure #000 or pure #FFF. Gold is the only gradient family in the system.
 */

:root {
  /* ============================================================
   * NEUTRALS — do ~90% of the work
   * ============================================================ */
  --brand-900: #0C0C0D;  /* primary ink — headings, strong actions, dark canvas */
  --brand-800: #1B1B1D;  /* strong body / dark hover */
  --brand-700: #2C2C30;  /* body strong / dark pressed / dark dividers */
  --brand-600: #48474D;  /* body copy on light */
  --brand-500: #63626A;  /* secondary text, captions */
  --brand-400: #8C8B94;  /* tertiary / muted meta / eyebrow-neutral */
  --brand-300: #A8A7AF;  /* body text on dark, strikethrough prices */
  --brand-200: #D6D6D7;  /* default border (buttons, inputs) */
  --brand-150: #EAEAEB;  /* subtle divider */
  --brand-100: #F2F2F7;  /* secondary surface / icon chip bg */
  --brand-75:  #F6F6F9;  /* muted section band */
  --brand-50:  #FCFCFD;  /* PAGE BACKGROUND + primary surface */
  --white:     #FFFFFF;

  /* Frequently-used exact borders seen in the templates */
  --border-card: #E6E6E8;  /* card border on light */
  --border-band: #EFEFF2;  /* top/bottom of muted bands */

  /* ============================================================
   * GOLD — the only brand color, always warm, used sparingly
   * ============================================================ */
  --gold-primary: #F1AA41;  /* signature — stars, pulse dots, small accents */
  --gold-soft:    #F3CA6E;
  --gold-warm:    #DBA348;  /* hover / pressed / thin rules */
  --gold-deep:    #CF9842;  /* icon / eyebrow gold on light */
  --gold-ink:     #B07D2A;  /* dark-gold eyebrow text on light (AA-safe) */
  --gold-ink-2:   #8A6420;  /* even darker gold text for small labels */

  --gold-gradient-start: #F7BC57;
  --gold-gradient-end:   #946326;

  /* Gradients — the ONLY gradients in the system */
  --gold-gradient-btn:  linear-gradient(135deg, #F7BC57, #CF9842); /* @kind color */
  --gold-gradient-icon: linear-gradient(150deg, #F7BC57, #946326); /* @kind color */
  --gold-gradient-mark: linear-gradient(180deg, #F7BC57, #946326); /* @kind color */

  /* Gold tints */
  --gold-pill-bg: rgba(243, 202, 110, 0.16);  /* eyebrow pill background */
  --gold-glow:    rgba(241, 170, 65, 0.16);   /* soft hero drop-shadow */
  --gold-ring:    rgba(212, 175, 55, 0.35);   /* focus ring on gold elements */

  /* ============================================================
   * SEMANTIC — clinic-safe, desaturated, for STATUS only (never decoration)
   * Links/info lean ink, not blue, to keep gold the only accent.
   * ============================================================ */
  --success-solid:   #0E8626;
  --success-text:    #0B641D;
  --success-surface: #BCF8C8;
  --success-border:  #0E8626;

  --warning-solid:   #FFBB00;
  --warning-text:    #704100;
  --warning-surface: #FFE6A2;
  --warning-border:  #A86200;

  --error-solid:     #E80023;
  --error-text:      #BA001C;
  --error-surface:   #FFD1D8;
  --error-border:    #BA001C;

  --info-solid:      #0074E8;
  --info-text:       #00468B;
  --info-surface:    #D1E8FF;
  --info-border:     #00468B;
  --info-focus-ring: #A2D1FF;

  /* ============================================================
   * SEMANTIC ALIASES — surface / content / border
   * ============================================================ */
  --bg-primary:   #FCFCFD;  /* page + primary surface */
  --bg-secondary: #F2F2F7;
  --bg-band:      #F6F6F9;  /* muted section band */
  --bg-inverse:   #0C0C0D;  /* dark section canvas */

  --surface-card:            #FCFCFD;
  --surface-card-hover:      #F2F2F7;
  --surface-secondary:       #F2F2F7;
  --surface-secondary-hover: #EAEAEB;
  --surface-brand-dark:         #0C0C0D;
  --surface-brand-dark-hover:   #1B1B1D;
  --surface-brand-dark-pressed: #2C2C30;

  --text-primary:    #0C0C0D;  /* headings, strong body */
  --text-strong:     #1B1B1D;
  --text-body:       #48474D;  /* body copy on light */
  --text-secondary:  #63626A;  /* meta, captions */
  --text-tertiary:   #8C8B94;  /* eyebrow-neutral, disabled */
  --text-inverse:    #FCFCFD;  /* text on dark */
  --text-inverse-2:  #A8A7AF;  /* body on dark */
  --text-inverse-3:  #8C8B94;  /* meta on dark */
  --text-gold:       #B07D2A;  /* gold TEXT on light (AA-safe) */

  --border-primary:       #D6D6D7;  /* default (buttons, inputs) */
  --border-primary-hover: #8C8B94;
  --border-secondary:     #EAEAEB;  /* subtle divider */
  --border-focus:         #A2D1FF;  /* info-blue focus ring */
  --border-dark:          #2C2C30;  /* dividers inside dark sections */
}