/* ==========================================================================
   ChennaiTrips — Color System (v2: Light Premium)
   A bright, calm mobility-brand palette. Warm ivory surfaces, a muted
   trustworthy blue as the primary brand color, and champagne gold used only
   as a small, deliberate accent — never as a dominant color.
   ========================================================================== */

:root {
  /* Core palette */
  --ivory-100: #FAFAF7;   /* Primary background — Warm Ivory */
  --ivory-000: #FFFFFF;
  --sand-100:  #F7F8F6;   /* Secondary background */
  --sand-200:  #EFF1EE;

  --blue-700: #24456A;    /* Deep text-safe blue (headings on tint) */
  --blue-600: #315B8A;    /* Primary brand blue */
  --blue-500: #4272A3;
  --blue-100: #EAF2F8;    /* Light blue — service sections, hover states */
  --blue-050: #F3F8FB;

  --gold-500: #C9A96A;    /* Champagne accent — sparing use only */
  --gold-600: #b3924f;
  --gold-100: #f4ecd9;

  --charcoal-900: #18212B; /* Primary text */
  --charcoal-600: #5F6B76; /* Secondary text */
  --charcoal-800: #212B36; /* Footer surface — dark-neutral, not navy */
  --charcoal-950: #131A22;

  --white: #FFFFFF;

  /* Legacy token aliases — kept so components/pages written against the
     v1 naming still resolve correctly, now pointing at the light palette. */
  --navy-950: var(--charcoal-950);
  --navy-900: var(--charcoal-800);
  --navy-800: var(--charcoal-800);
  --navy-700: var(--blue-700);
  --navy-600: var(--blue-600);
  --slate-500: var(--charcoal-600);
  --brown-600: var(--blue-700);
  --copper-500: var(--gold-600);
  --gold-300: var(--gold-500);
  --gold-100: var(--gold-100);

  /* Semantic tokens */
  --color-bg:            var(--ivory-100);
  --color-bg-secondary:  var(--blue-100);
  --color-surface:       var(--white);
  --color-ink:           var(--charcoal-900);
  --color-ink-soft:      var(--charcoal-600);
  --color-ink-invert:    var(--ivory-100);
  --color-accent:        var(--blue-600);      /* primary brand accent (was gold) */
  --color-accent-strong: var(--blue-700);
  --color-accent-soft:   var(--blue-100);
  --color-gold:          var(--gold-500);       /* reserved for tiny premium highlights */
  --color-border:        rgba(24, 33, 43, 0.10);
  --color-border-invert: rgba(250, 248, 244, 0.16);

  /* Gradients & overlays */
  --overlay-hero: linear-gradient(100deg, rgba(250,248,244,0.94) 0%, rgba(250,248,244,0.62) 32%, rgba(250,248,244,0.08) 62%, rgba(250,248,244,0) 78%);
  --overlay-navy-fade: linear-gradient(180deg, rgba(19,26,34,0) 0%, rgba(19,26,34,0.82) 100%);
  --gradient-gold-line: linear-gradient(90deg, transparent, var(--gold-500), transparent);

  /* Shadows — soft, low-opacity, blue-tinted rather than pure black */
  --shadow-sm: 0 2px 10px rgba(24, 33, 43, 0.05);
  --shadow-md: 0 14px 34px rgba(35, 72, 103, 0.10);
  --shadow-lg: 0 24px 60px rgba(35, 72, 103, 0.14);
  --shadow-gold: 0 10px 26px rgba(201, 169, 106, 0.30);
  --shadow-glass: 0 24px 60px rgba(35, 72, 103, 0.16);
}

::selection {
  background: var(--blue-100);
  color: var(--blue-700);
}