/* SecureHills — Color Tokens
   Adventure-forward travel/pilgrimage services (hotels, 4 Dham Yatra, cabs).
   Palette: deep Himalayan blue (trust/security) + saffron-marigold orange
   (auspicious, energetic — echoes the marigold garlands and saffron cloth
   seen across the Char Dham route) + a verified-green for safety signals. */

:root {
  /* Base — Blue (trust, mountains, night sky) */
  --blue-900: #0a2540;
  --blue-800: #0f3660;
  --blue-700: #164a80;
  --blue-600: #1f5fa0;
  --blue-500: #2d78c2;
  --blue-100: #e4eefb;
  --blue-50:  #f2f7fd;

  /* Base — Saffron/Marigold (energy, warmth, pilgrimage) */
  --saffron-700: #c24a0e;
  --saffron-600: #e35c14;
  --saffron-500: #ff7a1e;
  --saffron-400: #ff9a4d;
  --saffron-100: #ffe6d4;
  --saffron-50:  #fff3ea;

  /* Base — Marigold Yellow (ratings, highlights) */
  --marigold-600: #d98c00;
  --marigold-500: #f5a300;
  --marigold-100: #fff1d6;

  /* Base — Verified Green (safety, confirmed, trust badge) */
  --green-700: #0f6b4d;
  --green-600: #128a63;
  --green-100: #dcf5eb;

  /* Base — Alert Red */
  --red-700: #b3261e;
  --red-500: #d9342b;
  --red-100: #fbe2e0;

  /* Neutrals — warm charcoal, not pure black/gray */
  --ink-900: #1b1712;
  --ink-800: #2a251e;
  --ink-700: #443c32;
  --ink-500: #6f6659;
  --ink-300: #a89d8c;
  --ink-100: #d8d0c3;
  --ink-50:  #efeae1;
  --canvas:  #fffaf3;
  --canvas-alt: #fff4e6;
  --white:   #ffffff;

  /* Semantic — surface */
  --surface-page: var(--canvas);
  --surface-card: var(--white);
  --surface-sunken: var(--canvas-alt);
  --surface-inverse: var(--blue-900);
  --surface-overlay: rgba(27, 23, 18, 0.55);

  /* Semantic — text */
  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-500);
  --text-muted: var(--ink-300);
  --text-on-primary: var(--white);
  --text-on-dark: var(--white);
  --text-link: var(--blue-600);

  /* Semantic — brand */
  --brand-primary: var(--saffron-500);
  --brand-primary-hover: var(--saffron-600);
  --brand-primary-active: var(--saffron-700);
  --brand-primary-soft: var(--saffron-100);
  --brand-secondary: var(--blue-800);
  --brand-secondary-hover: var(--blue-700);
  --brand-secondary-soft: var(--blue-100);

  /* Semantic — status */
  --status-success: var(--green-600);
  --status-success-soft: var(--green-100);
  --status-warning: var(--marigold-500);
  --status-warning-soft: var(--marigold-100);
  --status-danger: var(--red-500);
  --status-danger-soft: var(--red-100);
  --status-verified: var(--green-700);

  /* Semantic — border */
  --border-hairline: var(--ink-100);
  --border-strong: var(--ink-300);
  --border-focus: var(--blue-600);
}