/* ===========================================================
   Reno Premier Medicine — Color System
   -----------------------------------------------------------
   Cool water tones drawn from Lake Tahoe & the Sierra: deep
   harbor blue, Tahoe blue, sierra sky, crystal aqua, spring sage,
   plus a restrained gold lifted from the emblem for premium accents.
   =========================================================== */

:root {
  /* --- Brand base palette --------------------------------- */
  --rpm-harbor: #124C73;   /* deepest blue  */
  --rpm-tahoe:  #166BAE;   /* primary brand blue */
  --rpm-sky:    #4D7FC9;   /* sierra sky / secondary blue */
  --rpm-aqua:   #1BB6C4;   /* crystal water cyan */
  --rpm-sage:   #66C8A0;   /* spring sage / wellness green */
  --rpm-gold:   #C6A052;   /* emblem gold — premium accent */

  /* Collateral tones (lifted from printed brochures) */
  --rpm-deep-teal: #1C4E5B; /* deep teal — brochure panels, collateral */
  --rpm-mist:      #DADEDD; /* warm-neutral mist grey — brochure background */

  /* --- Tahoe Blue (primary) ------------------------------- */
  --blue-50:  #eaf3fa;
  --blue-100: #cfe3f3;
  --blue-200: #a3c9e7;
  --blue-300: #6ba8d6;
  --blue-400: #3d88c4;
  --blue-500: #166BAE;
  --blue-600: #135d97;
  --blue-700: #104c7c;     /* ≈ harbor */
  --blue-800: #0d3c62;
  --blue-900: #0a2c48;

  /* --- Crystal Aqua --------------------------------------- */
  --aqua-50:  #e7f8fa;
  --aqua-100: #c2eef2;
  --aqua-200: #8fe0e7;
  --aqua-300: #54ccd6;
  --aqua-400: #2cbecb;
  --aqua-500: #1BB6C4;
  --aqua-600: #1597a3;
  --aqua-700: #117883;
  --aqua-800: #0d5d66;

  /* --- Spring Sage ---------------------------------------- */
  --sage-50:  #ecf8f2;
  --sage-100: #d3f0e1;
  --sage-200: #a9e3c4;
  --sage-300: #7fd5a7;
  --sage-400: #66C8A0;
  --sage-500: #4bb98c;
  --sage-600: #3a9b74;
  --sage-700: #2f7d5e;

  /* --- Sierra Sky ----------------------------------------- */
  --sky-50:  #eef3fb;
  --sky-100: #d6e2f4;
  --sky-200: #aec6e9;
  --sky-300: #7ea4db;
  --sky-400: #4D7FC9;
  --sky-500: #3a6bbb;

  /* --- Emblem Gold ---------------------------------------- */
  --gold-300: #e0cb95;
  --gold-400: #d2b673;
  --gold-500: #C6A052;
  --gold-600: #a9863f;
  --gold-700: #876a30;

  /* --- Cool neutrals -------------------------------------- */
  --neutral-0:   #ffffff;
  --neutral-50:  #f6f9fb;
  --neutral-100: #eef3f7;
  --neutral-200: #dde6ed;
  --neutral-300: #c4d2dd;
  --neutral-400: #9aabb8;
  --neutral-500: #6f8290;
  --neutral-600: #51626f;
  --neutral-700: #3a4853;
  --neutral-800: #26323b;
  --neutral-900: #16202a;

  /* --- Semantic raw --------------------------------------- */
  --green:  #3a9b74;
  --amber:  #D9A441;
  --red:    #D2544B;

  /* =========================================================
     SEMANTIC ALIASES — use these in components
     ========================================================= */

  /* Surfaces & background */
  --color-bg:            var(--neutral-50);
  --color-surface:       var(--neutral-0);
  --color-surface-sunken:var(--neutral-100);
  --color-surface-inverse:var(--rpm-harbor);
  --surface-mist:        var(--rpm-mist);     /* brochure-style grey panels */
  --surface-collateral:  var(--rpm-deep-teal);/* brochure-style teal panels */

  /* Text */
  --text-strong:  var(--neutral-900);
  --text-heading: var(--rpm-harbor);
  --text-body:    var(--neutral-700);
  --text-muted:   var(--neutral-500);
  --text-on-brand:#ffffff;
  --text-on-light-accent: var(--blue-800);

  /* Brand intents */
  --brand-primary:       var(--blue-500);
  --brand-primary-hover: var(--blue-600);
  --brand-primary-active:var(--blue-700);
  --brand-secondary:     var(--sage-400);
  --brand-accent:        var(--aqua-500);
  --brand-accent-hover:  var(--aqua-600);
  --brand-gold:          var(--gold-500);

  /* Tinted soft fills (for badges, soft buttons, highlights) */
  --tint-blue:  var(--blue-50);
  --tint-aqua:  var(--aqua-50);
  --tint-sage:  var(--sage-50);
  --tint-gold:  #f7f0df;

  /* Borders & lines */
  --border:        var(--neutral-200);
  --border-strong: var(--neutral-300);
  --border-brand:  var(--blue-200);

  /* States */
  --color-success: var(--green);
  --color-warning: var(--amber);
  --color-danger:  var(--red);
  --color-success-tint: var(--sage-50);
  --color-warning-tint: #fbf2dd;
  --color-danger-tint:  #fbe9e7;

  /* Focus ring */
  --ring: 0 0 0 4px rgba(27, 182, 196, 0.32);

  /* Signature gradients (echo the watercolor brushstroke) */
  --gradient-water: linear-gradient(120deg, var(--sage-400) 0%, var(--aqua-500) 48%, var(--blue-500) 100%);
  --gradient-water-soft: linear-gradient(120deg, var(--sage-50) 0%, var(--aqua-50) 50%, var(--blue-50) 100%);
  --gradient-deep:  linear-gradient(150deg, var(--blue-700) 0%, var(--rpm-harbor) 55%, var(--blue-900) 100%);
}