/* ============================================================
   iSort – Shared Brand Variables
   Edit colours HERE only. Changes apply to all pages.
   ============================================================ */

:root {
  /* --- Primary brand colour (logo) --- */
  --purple:            #B8960C;   /* Classic Gold */
  --purple-soft:       #C9A82C;
  --purple-light:      #F0E6B8;
  --purple-pale:       #FAF6E3;

  /* --- Dark gold variants (section backgrounds, gradients) --- */
  --gold-dark:         #8A6E0A;   /* muted dark gold */
  --gold-deep:         #5C4A08;   /* band / strip backgrounds */
  --gold-deeper:       #4A3A06;   /* research section bg */
  --gold-deepest:      #3A2C05;   /* booking panel gradient */

  /* --- CTA / Action colour (buttons, step numbers) --- */
  --red:               #C83028;
  --red-hover:         #D84840;
  --red-light:         #FAD4D0;
  --red-pale:          #FEF2F1;
  --red-shadow:        rgba(200,48,40,0.22);
  --red-shadow-md:     rgba(200,48,40,0.25);

  /* --- Text & backgrounds --- */
  --navy:              #1C1500;
  --text:              #2A1F00;
  --text-muted:        #6B5F30;
  --border:            #E8DCAA;
  --white:             #FFFFFF;
  --off-white:         #F8F7FC;

  /* --- Nav background --- */
  --nav-bg:            rgba(255,255,255,0.97);

  /* --- Footer transparency levels --- */
  --footer-text:       rgba(255,255,255,0.5);
  --footer-muted:      rgba(255,255,255,0.35);
  --footer-link:       rgba(255,255,255,0.6);
  --footer-border:     rgba(255,255,255,0.08);

  /* --- Spacing & shape --- */
  --radius:            16px;
  --radius-lg:         24px;

  /* --- Shadows --- */
  --shadow:            0 2px 12px rgba(100,80,10,0.07);
  --shadow-md:         0 4px 24px rgba(100,80,10,0.10);

  /* --- Aliases (keep pointing at the vars above) --- */
  --pink:              var(--purple);
  --pink-soft:         var(--purple-soft);
  --pink-light:        var(--purple-light);
  --pink-pale:         var(--purple-pale);
}

/* --- Extended rgba palette (brand colour at various opacities) --- */
:root {
  /* Gold/purple at opacity */
  --purple-rgb:        184,150,12;   /* = #B8960C */
  --gold-dark-rgb:     138,110,10;   /* = #8A6E0A */
  --purple-light-rgb:  240,230,184;  /* = #F0E6B8 */

  /* Red CTA at opacity */
  --red-rgb:           200,48,40;    /* = #C83028 */
  --red-shadow-sm:     rgba(200,48,40,0.12);
  --red-shadow-lg:     rgba(200,48,40,0.15);

  /* White at opacity (for dark section text/borders) */
  --white-06:          rgba(255,255,255,0.06);
  --white-07:          rgba(255,255,255,0.07);
  --white-10:          rgba(255,255,255,0.10);
  --white-25:          rgba(255,255,255,0.25);
  --white-55:          rgba(255,255,255,0.55);
  --white-58:          rgba(255,255,255,0.58);
  --white-75:          rgba(255,255,255,0.75);
  /* --- Neutral form shadow --- */
  --form-shadow:       rgba(107,122,138,0.45);
}