/* -----------------------------------------------------------------------------
   INSPIRE TRAVELS & TOURS - CSS VARIABLES & ROOT STYLES
   -----------------------------------------------------------------------------

   Author: Zig Zag AI
   Description: CSS custom properties that define the site wide color palette
   Purpose: Single source of truth for colors, so every component pulls from the same palette
   Loaded directly by each page before component styles

   ----------------------------------------------------------------------------- 
*/

:root {
    /* Sri Lankan-inspired color palette */
    --primary-color: oklch(0.35 0.15 195); /* Deep teal */
    --secondary-color: oklch(0.65 0.12 35); /* Terracotta */
    --accent-color: oklch(0.75 0.15 75); /* Golden yellow */
    --background-color: oklch(0.99 0.005 85); /* Luxury alabaster off-white */
    --text-color: oklch(0.15 0.02 45); /* Deep charcoal */
    --muted-color: oklch(0.45 0.02 45); /* Muted text */

    /* Type roles. These match the names in tailwind-config.js on purpose,
       so CSS and Tailwind always pull the same fonts. */
    --font-display: 'Newsreader', Georgia, serif;
    --font-body: 'Geist', system-ui, sans-serif;
    --font-mono: 'Geist Mono', ui-monospace, monospace;

    /* Warm shadows. Plain black looked dirty on the cream background. */
    --shadow-soft: 0 1px 2px oklch(0.35 0.05 60 / 0.04), 0 4px 12px oklch(0.35 0.05 60 / 0.05);
    --shadow-lift: 0 2px 4px oklch(0.35 0.05 60 / 0.05), 0 12px 28px oklch(0.35 0.05 60 / 0.09);
    --shadow-deep: 0 4px 8px oklch(0.30 0.06 60 / 0.07), 0 24px 56px oklch(0.30 0.06 60 / 0.13);
}