/*
 * ===========================================
 *  ODYSSEY TRAVELS — CENTRALIZED COLOR SYSTEM
 * ===========================================
 *
 *  All frontend colors are defined here.
 *  To change the website's color identity,
 *  simply update the values in this file.
 *
 *  NOTE: This file controls ONLY the public
 *  frontend. The admin panel uses its own
 *  independent color system.
 * ===========================================
 */

:root {
    /* ─── PRIMARY GREEN PALETTE ─── */
    --ody-primary:          #0D6B4F;   /* Deep Forest Green — headings, navbar text, primary CTAs */
    --ody-primary-dark:     #094D39;   /* Darker green — hover states, active states */
    --ody-primary-darker:   #073D2D;   /* Deepest green — scrollbar, very dark accents */

    --ody-accent:           #10B981;   /* Emerald Green — accent color, badges, highlights */
    --ody-accent-hover:     #059669;   /* Emerald hover — button hovers, link hovers */
    --ody-accent-light:     #34D399;   /* Light emerald — subtle highlights, progress bars */

    /* ─── TINT / SOFT BACKGROUNDS ─── */
    --ody-green-soft:       rgba(16, 185, 129, 0.08);  /* Very soft green bg */
    --ody-green-mist:       rgba(16, 185, 129, 0.12);  /* Light green mist */
    --ody-green-wash:       rgba(16, 185, 129, 0.18);  /* Medium green wash */
    --ody-green-badge:      rgba(16, 185, 129, 0.10);  /* Badge/pill background */

    /* ─── NEUTRALS ─── */
    --ody-text:             #1E293B;   /* Slate 800 — main body text */
    --ody-text-secondary:   #475569;   /* Slate 600 — secondary/muted text */
    --ody-text-muted:       #64748B;   /* Slate 500 — captions, light text */
    --ody-bg:               #F8FAF9;   /* Slight green-tinted off-white */
    --ody-white:            #FFFFFF;
    --ody-border:           rgba(13, 107, 79, 0.06);    /* Very subtle green border */
    --ody-border-hover:     rgba(16, 185, 129, 0.20);   /* Hover border tint */

    /* ─── SHADOWS ─── */
    --ody-shadow:           0 20px 50px rgba(13, 107, 79, 0.07);
    --ody-shadow-hover:     0 30px 60px rgba(13, 107, 79, 0.12);
    --ody-shadow-glow:      0 15px 30px rgba(16, 185, 129, 0.25);
    --ody-shadow-card:      0 10px 30px rgba(13, 107, 79, 0.04);
    --ody-shadow-soft:      0 4px 12px rgba(13, 107, 79, 0.05);

    /* ─── GLASS EFFECTS ─── */
    --ody-glass-bg:         rgba(255, 255, 255, 0.75);
    --ody-glass-border:     rgba(13, 107, 79, 0.06);
    --ody-glass-shadow:     0 20px 40px rgba(13, 107, 79, 0.05);

    /* ─── GRADIENTS ─── */
    --ody-gradient-primary: linear-gradient(135deg, var(--ody-primary) 0%, var(--ody-accent) 100%);
    --ody-gradient-dark:    linear-gradient(135deg, #073D2D 0%, #0D6B4F 100%);
    --ody-gradient-cta:     radial-gradient(circle at 10% 20%, rgba(13, 107, 79, 0.96) 0%, rgba(9, 77, 57, 1) 90%);
    --ody-gradient-bar:     linear-gradient(90deg, var(--ody-primary) 0%, var(--ody-accent) 100%);

    /* ─── TRANSITIONS ─── */
    --ody-ease-smooth:      all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    --ody-ease-medium:      all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    --ody-ease-fast:        all 0.2s cubic-bezier(0.16, 1, 0.3, 1);

    /* ─── TYPOGRAPHY ─── */
    --ody-font-body:        'Open Sans', sans-serif;
    --ody-font-heading:     'Montserrat', sans-serif;

    /* ─── BOOTSTRAP OVERRIDES ─── */
    --bs-primary:           var(--ody-primary) !important;
    --bs-secondary:         var(--ody-accent) !important;
    --bs-success:           var(--ody-accent) !important;
    --bs-danger:            var(--ody-accent) !important;
    --bs-info:              var(--ody-primary) !important;
    --bs-warning:           var(--ody-accent-light) !important;
    --bs-red:               var(--ody-accent) !important;
    --bs-orange:            var(--ody-accent) !important;
    --bs-yellow:            var(--ody-primary) !important;
    --bs-dark:              var(--ody-primary-darker) !important;
}