/* ============================================
   TECHenya Solutions — 12-Profile Color System
   ONE file controls the entire site's appearance.
   Each 2-hour block = complete visual identity.
   Edit values here to change site-wide colors.
   ============================================ */

/* ─── Defaults (:root = Profile 5 "Morning" — Canonical Brand) ─── */
:root {
    /* Surfaces */
    --te-bg-body: #ffffff;
    --te-bg-raised: #ffffff;
    --te-bg-raised-hover: #ffffff;
    --te-bg-sunken: #f8fafc;
    --te-bg-section-alt: #f8fafc;
    --te-bg-header: rgba(255, 255, 255, 0.97);
    --te-bg-footer: #0f172a;
    --te-bg-overlay: rgba(15, 23, 42, 0.6);
    --te-bg-modal: #ffffff;
    --te-bg-tooltip: #0f172a;
    /* Text */
    --te-text-heading: #0f172a;
    --te-text-body: #334155;
    --te-text-muted: #64748b;
    --te-text-subtle: #94a3b8;
    --te-text-inverse: #ffffff;
    --te-text-on-accent: #ffffff;
    --te-text-link: #0a66c2;
    --te-text-link-hover: #084e96;
    /* Accent (Brand Blue) */
    --te-accent: #0a66c2;
    --te-accent-rgb: 10, 102, 194;
    --te-accent-hover: #084e96;
    --te-accent-subtle: rgba(10, 102, 194, 0.06);
    --te-accent-muted: rgba(10, 102, 194, 0.15);
    --te-accent-glow: rgba(10, 102, 194, 0.25);
    --te-accent-text: #0a66c2;
    /* Secondary (Brand Orange) */
    --te-secondary: #ff6b35;
    --te-secondary-rgb: 255, 107, 53;
    --te-secondary-hover: #e0541e;
    --te-secondary-subtle: rgba(255, 107, 53, 0.08);
    --te-secondary-glow: rgba(255, 107, 53, 0.25);
    --te-secondary-text: #ff6b35;
    /* Borders */
    --te-border: #e2e8f0;
    --te-border-light: #f1f5f9;
    --te-border-strong: #cbd5e1;
    --te-border-input: #e2e8f0;
    --te-border-input-focus: #0a66c2;
    /* Shadows */
    --te-shadow-color: rgba(15, 23, 42, 0.08);
    --te-shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
    --te-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);
    --te-shadow-lg: 0 10px 30px rgba(15, 23, 42, 0.10), 0 4px 8px rgba(15, 23, 42, 0.04);
    --te-shadow-xl: 0 20px 50px rgba(15, 23, 42, 0.14), 0 8px 16px rgba(15, 23, 42, 0.06);
    --te-shadow-accent: 0 8px 30px rgba(10, 102, 194, 0.25);
    /* Gradients */
    --te-gradient-accent: linear-gradient(135deg, #0a66c2, #084e96);
    --te-gradient-hero: linear-gradient(135deg, #0f172a, #0a66c2);
    --te-gradient-cta: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-gradient-surface: linear-gradient(135deg, #f8fafc, #f1f5f9);
    --te-gradient-text: linear-gradient(135deg, #0a66c2, #ff6b35);
    /* Interactive */
    --te-focus-ring: #0a66c2;
    --te-focus-ring-offset: #ffffff;
    --te-selection-bg: #0a66c2;
    --te-selection-text: #ffffff;
    --te-scrollbar: #cbd5e1;
    --te-scrollbar-hover: #94a3b8;
    /* Dark Sections (CTA bands in light profiles) */
    --te-dark-bg: #0f172a;
    --te-dark-bg-rgb: 15, 23, 42;
    --te-dark-text: #ffffff;
    --te-dark-muted: #94a3b8;
    --te-dark-border: rgba(255, 255, 255, 0.1);
    --te-dark-input-bg: rgba(255, 255, 255, 0.08);
    --te-dark-input-border: rgba(255, 255, 255, 0.15);
    /* Chat Widget */
    --te-chat-bg: #ffffff;
    --te-chat-header-bg: linear-gradient(135deg, #0f172a, #0a66c2);
    --te-chat-msg-area: #f8fafc;
    --te-chat-user-bubble: linear-gradient(135deg, #0a66c2, #0f172a);
    --te-chat-user-text: #ffffff;
    --te-chat-bot-bubble: #ffffff;
    --te-chat-bot-text: #334155;
    --te-chat-bot-border: #e2e8f0;
    --te-chat-input-bg: #f8fafc;
    --te-chat-input-border: #e2e8f0;
    --te-chat-input-text: #334155;
    --te-chat-fab-bg: #0f172a;
    --te-chat-fab-text: #ffffff;
    --te-chat-fab-glow: rgba(10, 102, 194, 0.3);
    --te-chat-chip-border: #0a66c2;
    --te-chat-chip-hover-bg: #0a66c2;
    /* Semantic Status Colors */
    --te-success: #16a34a;
    --te-success-subtle: rgba(22, 163, 74, 0.08);
    --te-success-text: #15803d;
    --te-error: #dc2626;
    --te-error-subtle: rgba(220, 38, 38, 0.08);
    --te-error-text: #dc2626;
    --te-warning: #d97706;
    --te-warning-subtle: rgba(217, 119, 6, 0.08);
    --te-warning-text: #b45309;
}

/* ═══════════════════════════════════════════════
   PROFILE 1: MIDNIGHT (00:00 – 02:00)
   Brand Blue (#0a66c2) + Brand Orange (#ff6b35)
   Mode: DARK — Deepest navy
   ═══════════════════════════════════════════════ */
[data-color-profile="midnight"] {
    /* Surfaces */
    --te-bg-body: #060810;
    --te-bg-raised: #0c1020;
    --te-bg-raised-hover: #141828;
    --te-bg-sunken: #040608;
    --te-bg-section-alt: #0a0e18;
    --te-bg-header: rgba(6, 8, 16, 0.95);
    --te-bg-footer: #040608;
    --te-bg-overlay: rgba(6, 8, 16, 0.88);
    --te-bg-modal: #0c1020;
    --te-bg-tooltip: #141828;
    /* Text */
    --te-text-heading: #e2e8f0;
    --te-text-body: #b8c0d0;
    --te-text-muted: #7e89a5;
    --te-text-subtle: #5a647a;
    --te-text-inverse: #060810;
    --te-text-on-accent: #ffffff;
    --te-text-link: #2d8bda;
    --te-text-link-hover: #5aa8e6;
    /* Accent (Brand Blue) */
    --te-accent: #0a66c2;
    --te-accent-rgb: 10, 102, 194;
    --te-accent-hover: #2d8bda;
    --te-accent-subtle: rgba(10, 102, 194, 0.12);
    --te-accent-muted: rgba(10, 102, 194, 0.20);
    --te-accent-glow: rgba(10, 102, 194, 0.18);
    --te-accent-text: #2d8bda;
    /* Secondary (Brand Orange) */
    --te-secondary: #ff6b35;
    --te-secondary-rgb: 255, 107, 53;
    --te-secondary-hover: #ff8f66;
    --te-secondary-subtle: rgba(255, 107, 53, 0.10);
    --te-secondary-glow: rgba(255, 107, 53, 0.15);
    --te-secondary-text: #ff8f66;
    /* Borders */
    --te-border: #1a2038;
    --te-border-light: #101828;
    --te-border-strong: #253050;
    --te-border-input: #1e2840;
    --te-border-input-focus: #2d8bda;
    /* Shadows */
    --te-shadow-color: rgba(0, 0, 0, 0.35);
    --te-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.28);
    --te-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.32);
    --te-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.38);
    --te-shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.45);
    --te-shadow-accent: 0 8px 30px rgba(10, 102, 194, 0.18);
    /* Gradients */
    --te-gradient-accent: linear-gradient(135deg, #0a66c2, #084e96);
    --te-gradient-hero: linear-gradient(135deg, #060810, #0a66c2);
    --te-gradient-cta: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-gradient-surface: linear-gradient(135deg, #060810, #0a0e18);
    --te-gradient-text: linear-gradient(135deg, #2d8bda, #ff6b35);
    /* Interactive */
    --te-focus-ring: #2d8bda;
    --te-focus-ring-offset: #060810;
    --te-selection-bg: #0a66c2;
    --te-selection-text: #ffffff;
    --te-scrollbar: #253050;
    --te-scrollbar-hover: #354060;
    /* Dark Sections */
    --te-dark-bg: #040608;
    --te-dark-bg-rgb: 4, 6, 8;
    --te-dark-text: #e2e8f0;
    --te-dark-muted: #7e89a5;
    --te-dark-border: #1a2038;
    --te-dark-input-bg: #060810;
    --te-dark-input-border: #1a2038;
    /* Chat Widget */
    --te-chat-bg: #0c1020;
    --te-chat-header-bg: linear-gradient(135deg, #0a66c2, #084e96);
    --te-chat-msg-area: #040608;
    --te-chat-user-bubble: linear-gradient(135deg, #0a66c2, #084e96);
    --te-chat-user-text: #ffffff;
    --te-chat-bot-bubble: #141828;
    --te-chat-bot-text: #b8c0d0;
    --te-chat-bot-border: #1a2038;
    --te-chat-input-bg: #060810;
    --te-chat-input-border: #1e2840;
    --te-chat-input-text: #b8c0d0;
    --te-chat-fab-bg: #0a66c2;
    --te-chat-fab-text: #ffffff;
    --te-chat-fab-glow: rgba(10, 102, 194, 0.25);
    --te-chat-chip-border: #2d8bda;
    --te-chat-chip-hover-bg: #0a66c2;
}

/* ═══════════════════════════════════════════════
   PROFILE 2: DEEP NIGHT (02:00 – 04:00)
   Brand Blue (#0a66c2) + Brand Orange (#ff6b35)
   Mode: DARK — Deep navy
   ═══════════════════════════════════════════════ */
[data-color-profile="deep-night"] {
    /* Surfaces */
    --te-bg-body: #080c18;
    --te-bg-raised: #101624;
    --te-bg-raised-hover: #182030;
    --te-bg-sunken: #060a14;
    --te-bg-section-alt: #0c1220;
    --te-bg-header: rgba(8, 12, 24, 0.95);
    --te-bg-footer: #060a14;
    --te-bg-overlay: rgba(8, 12, 24, 0.88);
    --te-bg-modal: #101624;
    --te-bg-tooltip: #182030;
    /* Text */
    --te-text-heading: #e2e8f0;
    --te-text-body: #b8c0d0;
    --te-text-muted: #7e89a5;
    --te-text-subtle: #5a647a;
    --te-text-inverse: #080c18;
    --te-text-on-accent: #ffffff;
    --te-text-link: #2d8bda;
    --te-text-link-hover: #5aa8e6;
    /* Accent (Brand Blue) */
    --te-accent: #0a66c2;
    --te-accent-rgb: 10, 102, 194;
    --te-accent-hover: #2d8bda;
    --te-accent-subtle: rgba(10, 102, 194, 0.12);
    --te-accent-muted: rgba(10, 102, 194, 0.20);
    --te-accent-glow: rgba(10, 102, 194, 0.18);
    --te-accent-text: #2d8bda;
    /* Secondary (Brand Orange) */
    --te-secondary: #ff6b35;
    --te-secondary-rgb: 255, 107, 53;
    --te-secondary-hover: #ff8f66;
    --te-secondary-subtle: rgba(255, 107, 53, 0.10);
    --te-secondary-glow: rgba(255, 107, 53, 0.15);
    --te-secondary-text: #ff8f66;
    /* Borders */
    --te-border: #1e2640;
    --te-border-light: #141c30;
    --te-border-strong: #2a3450;
    --te-border-input: #202c48;
    --te-border-input-focus: #2d8bda;
    /* Shadows */
    --te-shadow-color: rgba(0, 0, 0, 0.32);
    --te-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.26);
    --te-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.30);
    --te-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.36);
    --te-shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.42);
    --te-shadow-accent: 0 8px 30px rgba(10, 102, 194, 0.18);
    /* Gradients */
    --te-gradient-accent: linear-gradient(135deg, #0a66c2, #084e96);
    --te-gradient-hero: linear-gradient(135deg, #080c18, #0a66c2);
    --te-gradient-cta: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-gradient-surface: linear-gradient(135deg, #080c18, #0c1220);
    --te-gradient-text: linear-gradient(135deg, #2d8bda, #ff6b35);
    /* Interactive */
    --te-focus-ring: #2d8bda;
    --te-focus-ring-offset: #080c18;
    --te-selection-bg: #0a66c2;
    --te-selection-text: #ffffff;
    --te-scrollbar: #2a3450;
    --te-scrollbar-hover: #3a4660;
    /* Dark Sections */
    --te-dark-bg: #060a14;
    --te-dark-bg-rgb: 6, 10, 20;
    --te-dark-text: #e2e8f0;
    --te-dark-muted: #7e89a5;
    --te-dark-border: #1e2640;
    --te-dark-input-bg: #080c18;
    --te-dark-input-border: #1e2640;
    /* Chat Widget */
    --te-chat-bg: #101624;
    --te-chat-header-bg: linear-gradient(135deg, #0a66c2, #084e96);
    --te-chat-msg-area: #060a14;
    --te-chat-user-bubble: linear-gradient(135deg, #0a66c2, #084e96);
    --te-chat-user-text: #ffffff;
    --te-chat-bot-bubble: #182030;
    --te-chat-bot-text: #b8c0d0;
    --te-chat-bot-border: #1e2640;
    --te-chat-input-bg: #080c18;
    --te-chat-input-border: #202c48;
    --te-chat-input-text: #b8c0d0;
    --te-chat-fab-bg: #0a66c2;
    --te-chat-fab-text: #ffffff;
    --te-chat-fab-glow: rgba(10, 102, 194, 0.25);
    --te-chat-chip-border: #2d8bda;
    --te-chat-chip-hover-bg: #0a66c2;
}

/* ═══════════════════════════════════════════════
   PROFILE 3: PRE-DAWN (04:00 – 06:00)
   Brand Blue (#0a66c2) + Brand Orange (#ff6b35)
   Mode: DARK — Lightening navy, dawn approaching
   ═══════════════════════════════════════════════ */
[data-color-profile="pre-dawn"] {
    /* Surfaces */
    --te-bg-body: #0c1222;
    --te-bg-raised: #151d30;
    --te-bg-raised-hover: #1c2840;
    --te-bg-sunken: #0a0e1a;
    --te-bg-section-alt: #101828;
    --te-bg-header: rgba(12, 18, 34, 0.95);
    --te-bg-footer: #0a0e1a;
    --te-bg-overlay: rgba(12, 18, 34, 0.85);
    --te-bg-modal: #151d30;
    --te-bg-tooltip: #1c2840;
    /* Text */
    --te-text-heading: #e2e8f0;
    --te-text-body: #b8c0d0;
    --te-text-muted: #7e89a5;
    --te-text-subtle: #5a647a;
    --te-text-inverse: #0c1222;
    --te-text-on-accent: #ffffff;
    --te-text-link: #2d8bda;
    --te-text-link-hover: #5aa8e6;
    /* Accent (Brand Blue) */
    --te-accent: #0a66c2;
    --te-accent-rgb: 10, 102, 194;
    --te-accent-hover: #2d8bda;
    --te-accent-subtle: rgba(10, 102, 194, 0.12);
    --te-accent-muted: rgba(10, 102, 194, 0.20);
    --te-accent-glow: rgba(10, 102, 194, 0.18);
    --te-accent-text: #2d8bda;
    /* Secondary (Brand Orange) */
    --te-secondary: #ff6b35;
    --te-secondary-rgb: 255, 107, 53;
    --te-secondary-hover: #ff8f66;
    --te-secondary-subtle: rgba(255, 107, 53, 0.10);
    --te-secondary-glow: rgba(255, 107, 53, 0.15);
    --te-secondary-text: #ff8f66;
    /* Borders */
    --te-border: #1e2c4a;
    --te-border-light: #162038;
    --te-border-strong: #2a3d5a;
    --te-border-input: #253654;
    --te-border-input-focus: #2d8bda;
    /* Shadows */
    --te-shadow-color: rgba(0, 0, 0, 0.30);
    --te-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.24);
    --te-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.28);
    --te-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.34);
    --te-shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.40);
    --te-shadow-accent: 0 8px 30px rgba(10, 102, 194, 0.18);
    /* Gradients */
    --te-gradient-accent: linear-gradient(135deg, #0a66c2, #084e96);
    --te-gradient-hero: linear-gradient(135deg, #0c1222, #0a66c2);
    --te-gradient-cta: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-gradient-surface: linear-gradient(135deg, #0c1222, #101828);
    --te-gradient-text: linear-gradient(135deg, #2d8bda, #ff6b35);
    /* Interactive */
    --te-focus-ring: #2d8bda;
    --te-focus-ring-offset: #0c1222;
    --te-selection-bg: #0a66c2;
    --te-selection-text: #ffffff;
    --te-scrollbar: #2a3d5a;
    --te-scrollbar-hover: #3a4d6a;
    /* Dark Sections */
    --te-dark-bg: #0a0e1a;
    --te-dark-bg-rgb: 10, 14, 26;
    --te-dark-text: #e2e8f0;
    --te-dark-muted: #7e89a5;
    --te-dark-border: #1e2c4a;
    --te-dark-input-bg: #0c1222;
    --te-dark-input-border: #1e2c4a;
    /* Chat Widget */
    --te-chat-bg: #151d30;
    --te-chat-header-bg: linear-gradient(135deg, #0a66c2, #084e96);
    --te-chat-msg-area: #0a0e1a;
    --te-chat-user-bubble: linear-gradient(135deg, #0a66c2, #084e96);
    --te-chat-user-text: #ffffff;
    --te-chat-bot-bubble: #1c2840;
    --te-chat-bot-text: #b8c0d0;
    --te-chat-bot-border: #1e2c4a;
    --te-chat-input-bg: #0c1222;
    --te-chat-input-border: #253654;
    --te-chat-input-text: #b8c0d0;
    --te-chat-fab-bg: #0a66c2;
    --te-chat-fab-text: #ffffff;
    --te-chat-fab-glow: rgba(10, 102, 194, 0.25);
    --te-chat-chip-border: #2d8bda;
    --te-chat-chip-hover-bg: #0a66c2;
}

/* ═══════════════════════════════════════════════
   PROFILE 4: EARLY MORNING (06:00 – 08:00)
   Brand Blue (#0a66c2) + Brand Orange (#ff6b35)
   Mode: LIGHT — Cool white, first light
   Inherits most values from :root
   ═══════════════════════════════════════════════ */
[data-color-profile="early-morning"] {
    /* Surfaces — cool white tint */
    --te-bg-body: #f8fafc;
    --te-bg-sunken: #f1f5f9;
    --te-bg-section-alt: #f1f5f9;
    --te-bg-header: rgba(248, 250, 252, 0.97);
    /* Gradients */
    --te-gradient-surface: linear-gradient(135deg, #f8fafc, #f1f5f9);
    /* Interactive */
    --te-focus-ring-offset: #f8fafc;
    /* Chat Widget */
    --te-chat-msg-area: #f1f5f9;
    --te-chat-input-bg: #f8fafc;
}

/* ═══════════════════════════════════════════════
   PROFILE 5: MORNING (08:00 – 10:00)
   Colors: Brand Blue (#0a66c2) + Brand Orange (#ff6b35)
   Mode: LIGHT — THE CANONICAL BRAND
   Note: Identical to :root defaults.
   ═══════════════════════════════════════════════ */
/* Profile 5 uses :root values — no overrides needed */

/* ═══════════════════════════════════════════════
   PROFILE 6: LATE MORNING (10:00 – 12:00)
   Brand Blue (#0a66c2) + Brand Orange (#ff6b35)
   Mode: LIGHT — Identical to canonical, brighter glow
   Inherits all values from :root
   ═══════════════════════════════════════════════ */
[data-color-profile="late-morning"] {
    /* Slightly brighter accent glow — peak daylight */
    --te-accent-glow: rgba(10, 102, 194, 0.25);
    --te-shadow-accent: 0 8px 30px rgba(10, 102, 194, 0.25);
}

/* ═══════════════════════════════════════════════
   PROFILE 7: MIDDAY (12:00 – 14:00)
   Brand Orange (#ff6b35) lead + Brand Blue (#0a66c2)
   Mode: LIGHT — Orange accent, warm surfaces
   ═══════════════════════════════════════════════ */
[data-color-profile="midday"] {
    /* Surfaces — slight warm tint */
    --te-bg-sunken: #fffaf7;
    --te-bg-section-alt: #fff9f5;
    /* Text — orange links */
    --te-text-link: #ff6b35;
    --te-text-link-hover: #e0541e;
    /* Accent (Brand Orange leads) */
    --te-accent: #ff6b35;
    --te-accent-rgb: 255, 107, 53;
    --te-accent-hover: #e0541e;
    --te-accent-subtle: rgba(255, 107, 53, 0.06);
    --te-accent-muted: rgba(255, 107, 53, 0.15);
    --te-accent-glow: rgba(255, 107, 53, 0.20);
    --te-accent-text: #ff6b35;
    /* Secondary (Brand Blue) */
    --te-secondary: #0a66c2;
    --te-secondary-rgb: 10, 102, 194;
    --te-secondary-hover: #084e96;
    --te-secondary-subtle: rgba(10, 102, 194, 0.06);
    --te-secondary-glow: rgba(10, 102, 194, 0.20);
    --te-secondary-text: #0a66c2;
    /* Borders */
    --te-border-input-focus: #ff6b35;
    /* Shadows */
    --te-shadow-accent: 0 8px 30px rgba(255, 107, 53, 0.25);
    /* Gradients */
    --te-gradient-accent: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-gradient-hero: linear-gradient(135deg, #0f172a, #ff6b35);
    --te-gradient-cta: linear-gradient(135deg, #0a66c2, #084e96);
    --te-gradient-surface: linear-gradient(135deg, #ffffff, #fff9f5);
    --te-gradient-text: linear-gradient(135deg, #ff6b35, #0a66c2);
    /* Interactive */
    --te-focus-ring: #ff6b35;
    --te-selection-bg: #ff6b35;
    /* Chat Widget */
    --te-chat-header-bg: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-chat-msg-area: #fffaf7;
    --te-chat-user-bubble: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-chat-input-bg: #fffaf7;
    --te-chat-fab-bg: #ff6b35;
    --te-chat-fab-glow: rgba(255, 107, 53, 0.30);
    --te-chat-chip-border: #ff6b35;
    --te-chat-chip-hover-bg: #ff6b35;
}

/* ═══════════════════════════════════════════════
   PROFILE 8: AFTERNOON (14:00 – 16:00)
   Brand Orange (#ff6b35) lead + Brand Blue (#0a66c2)
   Mode: LIGHT — Orange accent, warmer surfaces
   ═══════════════════════════════════════════════ */
[data-color-profile="afternoon"] {
    /* Surfaces — warmer white tint */
    --te-bg-body: #fffbf8;
    --te-bg-sunken: #fff7f0;
    --te-bg-section-alt: #fff7f0;
    --te-bg-header: rgba(255, 251, 248, 0.97);
    /* Text — orange links */
    --te-text-link: #ff6b35;
    --te-text-link-hover: #e0541e;
    /* Accent (Brand Orange leads) */
    --te-accent: #ff6b35;
    --te-accent-rgb: 255, 107, 53;
    --te-accent-hover: #e0541e;
    --te-accent-subtle: rgba(255, 107, 53, 0.06);
    --te-accent-muted: rgba(255, 107, 53, 0.15);
    --te-accent-glow: rgba(255, 107, 53, 0.20);
    --te-accent-text: #ff6b35;
    /* Secondary (Brand Blue) */
    --te-secondary: #0a66c2;
    --te-secondary-rgb: 10, 102, 194;
    --te-secondary-hover: #084e96;
    --te-secondary-subtle: rgba(10, 102, 194, 0.06);
    --te-secondary-glow: rgba(10, 102, 194, 0.20);
    --te-secondary-text: #0a66c2;
    /* Borders */
    --te-border-input-focus: #ff6b35;
    /* Shadows */
    --te-shadow-accent: 0 8px 30px rgba(255, 107, 53, 0.22);
    /* Gradients */
    --te-gradient-accent: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-gradient-hero: linear-gradient(135deg, #0f172a, #ff6b35);
    --te-gradient-cta: linear-gradient(135deg, #0a66c2, #084e96);
    --te-gradient-surface: linear-gradient(135deg, #fffbf8, #fff7f0);
    --te-gradient-text: linear-gradient(135deg, #ff6b35, #0a66c2);
    /* Interactive */
    --te-focus-ring: #ff6b35;
    --te-focus-ring-offset: #fffbf8;
    --te-selection-bg: #ff6b35;
    /* Chat Widget */
    --te-chat-header-bg: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-chat-msg-area: #fff7f0;
    --te-chat-user-bubble: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-chat-input-bg: #fffbf8;
    --te-chat-fab-bg: #ff6b35;
    --te-chat-fab-glow: rgba(255, 107, 53, 0.30);
    --te-chat-chip-border: #ff6b35;
    --te-chat-chip-hover-bg: #ff6b35;
}

/* ═══════════════════════════════════════════════
   PROFILE 9: GOLDEN HOUR (16:00 – 18:00)
   Brand Blue (#0a66c2) + Brand Orange (#ff6b35)
   Mode: LIGHT — Warm surfaces, back to blue accent
   Inherits most values from :root
   ═══════════════════════════════════════════════ */
[data-color-profile="golden-hour"] {
    /* Surfaces — warm white tint */
    --te-bg-body: #fefcf8;
    --te-bg-sunken: #fef8f0;
    --te-bg-section-alt: #fef8f0;
    --te-bg-header: rgba(254, 252, 248, 0.97);
    /* Gradients */
    --te-gradient-surface: linear-gradient(135deg, #fefcf8, #fef8f0);
    /* Interactive */
    --te-focus-ring-offset: #fefcf8;
    /* Chat Widget */
    --te-chat-msg-area: #fef8f0;
    --te-chat-input-bg: #fefcf8;
}

/* ═══════════════════════════════════════════════
   PROFILE 10: EVENING (18:00 – 20:00)
   Brand Blue (#0a66c2) + Brand Orange (#ff6b35)
   Mode: LIGHT — Cool surfaces, transitioning to dark
   Inherits most values from :root
   ═══════════════════════════════════════════════ */
[data-color-profile="evening"] {
    /* Surfaces — cool white, same as early morning */
    --te-bg-body: #f8fafc;
    --te-bg-sunken: #f1f5f9;
    --te-bg-section-alt: #f1f5f9;
    --te-bg-header: rgba(248, 250, 252, 0.97);
    /* Gradients */
    --te-gradient-surface: linear-gradient(135deg, #f8fafc, #f1f5f9);
    /* Interactive */
    --te-focus-ring-offset: #f8fafc;
    /* Chat Widget */
    --te-chat-msg-area: #f1f5f9;
    --te-chat-input-bg: #f8fafc;
}

/* ═══════════════════════════════════════════════
   PROFILE 11: NIGHT (20:00 – 22:00)
   Brand Blue (#0a66c2) + Brand Orange (#ff6b35)
   Mode: DARK — Standard navy
   ═══════════════════════════════════════════════ */
[data-color-profile="night"] {
    /* Surfaces */
    --te-bg-body: #0f172a;
    --te-bg-raised: #1a2238;
    --te-bg-raised-hover: #222c44;
    --te-bg-sunken: #0b1020;
    --te-bg-section-alt: #141c32;
    --te-bg-header: rgba(15, 23, 42, 0.95);
    --te-bg-footer: #0b1020;
    --te-bg-overlay: rgba(15, 23, 42, 0.85);
    --te-bg-modal: #1a2238;
    --te-bg-tooltip: #222c44;
    /* Text */
    --te-text-heading: #e2e8f0;
    --te-text-body: #b8c0d0;
    --te-text-muted: #7e89a5;
    --te-text-subtle: #5a647a;
    --te-text-inverse: #0f172a;
    --te-text-on-accent: #ffffff;
    --te-text-link: #2d8bda;
    --te-text-link-hover: #5aa8e6;
    /* Accent (Brand Blue) */
    --te-accent: #0a66c2;
    --te-accent-rgb: 10, 102, 194;
    --te-accent-hover: #2d8bda;
    --te-accent-subtle: rgba(10, 102, 194, 0.12);
    --te-accent-muted: rgba(10, 102, 194, 0.20);
    --te-accent-glow: rgba(10, 102, 194, 0.18);
    --te-accent-text: #2d8bda;
    /* Secondary (Brand Orange) */
    --te-secondary: #ff6b35;
    --te-secondary-rgb: 255, 107, 53;
    --te-secondary-hover: #ff8f66;
    --te-secondary-subtle: rgba(255, 107, 53, 0.10);
    --te-secondary-glow: rgba(255, 107, 53, 0.15);
    --te-secondary-text: #ff8f66;
    /* Borders */
    --te-border: #1e2c4a;
    --te-border-light: #1a2238;
    --te-border-strong: #2a3d5a;
    --te-border-input: #253654;
    --te-border-input-focus: #2d8bda;
    /* Shadows */
    --te-shadow-color: rgba(0, 0, 0, 0.30);
    --te-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.25);
    --te-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.30);
    --te-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.35);
    --te-shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.40);
    --te-shadow-accent: 0 8px 30px rgba(10, 102, 194, 0.18);
    /* Gradients */
    --te-gradient-accent: linear-gradient(135deg, #0a66c2, #084e96);
    --te-gradient-hero: linear-gradient(135deg, #0f172a, #0a66c2);
    --te-gradient-cta: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-gradient-surface: linear-gradient(135deg, #0f172a, #141c32);
    --te-gradient-text: linear-gradient(135deg, #2d8bda, #ff6b35);
    /* Interactive */
    --te-focus-ring: #2d8bda;
    --te-focus-ring-offset: #0f172a;
    --te-selection-bg: #0a66c2;
    --te-selection-text: #ffffff;
    --te-scrollbar: #2a3d5a;
    --te-scrollbar-hover: #3a4d6a;
    /* Dark Sections */
    --te-dark-bg: #0b1020;
    --te-dark-bg-rgb: 11, 16, 32;
    --te-dark-text: #e2e8f0;
    --te-dark-muted: #7e89a5;
    --te-dark-border: #1e2c4a;
    --te-dark-input-bg: #0f172a;
    --te-dark-input-border: #1e2c4a;
    /* Chat Widget */
    --te-chat-bg: #1a2238;
    --te-chat-header-bg: linear-gradient(135deg, #0a66c2, #084e96);
    --te-chat-msg-area: #0b1020;
    --te-chat-user-bubble: linear-gradient(135deg, #0a66c2, #084e96);
    --te-chat-user-text: #ffffff;
    --te-chat-bot-bubble: #222c44;
    --te-chat-bot-text: #b8c0d0;
    --te-chat-bot-border: #1e2c4a;
    --te-chat-input-bg: #0f172a;
    --te-chat-input-border: #253654;
    --te-chat-input-text: #b8c0d0;
    --te-chat-fab-bg: #0a66c2;
    --te-chat-fab-text: #ffffff;
    --te-chat-fab-glow: rgba(10, 102, 194, 0.25);
    --te-chat-chip-border: #2d8bda;
    --te-chat-chip-hover-bg: #0a66c2;
}

/* ═══════════════════════════════════════════════
   PROFILE 12: LATE NIGHT (22:00 – 00:00)
   Brand Blue (#0a66c2) + Brand Orange (#ff6b35)
   Mode: DARK — Deeper navy, transitioning to midnight
   ═══════════════════════════════════════════════ */
[data-color-profile="late-night"] {
    /* Surfaces */
    --te-bg-body: #0a0e1c;
    --te-bg-raised: #121828;
    --te-bg-raised-hover: #1a2034;
    --te-bg-sunken: #070a16;
    --te-bg-section-alt: #0e1420;
    --te-bg-header: rgba(10, 14, 28, 0.95);
    --te-bg-footer: #070a16;
    --te-bg-overlay: rgba(10, 14, 28, 0.88);
    --te-bg-modal: #121828;
    --te-bg-tooltip: #1a2034;
    /* Text */
    --te-text-heading: #e2e8f0;
    --te-text-body: #b8c0d0;
    --te-text-muted: #7e89a5;
    --te-text-subtle: #5a647a;
    --te-text-inverse: #0a0e1c;
    --te-text-on-accent: #ffffff;
    --te-text-link: #2d8bda;
    --te-text-link-hover: #5aa8e6;
    /* Accent (Brand Blue) */
    --te-accent: #0a66c2;
    --te-accent-rgb: 10, 102, 194;
    --te-accent-hover: #2d8bda;
    --te-accent-subtle: rgba(10, 102, 194, 0.12);
    --te-accent-muted: rgba(10, 102, 194, 0.20);
    --te-accent-glow: rgba(10, 102, 194, 0.18);
    --te-accent-text: #2d8bda;
    /* Secondary (Brand Orange) */
    --te-secondary: #ff6b35;
    --te-secondary-rgb: 255, 107, 53;
    --te-secondary-hover: #ff8f66;
    --te-secondary-subtle: rgba(255, 107, 53, 0.10);
    --te-secondary-glow: rgba(255, 107, 53, 0.15);
    --te-secondary-text: #ff8f66;
    /* Borders */
    --te-border: #1c2438;
    --te-border-light: #141c2c;
    --te-border-strong: #283448;
    --te-border-input: #202a3e;
    --te-border-input-focus: #2d8bda;
    /* Shadows */
    --te-shadow-color: rgba(0, 0, 0, 0.34);
    --te-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.27);
    --te-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.31);
    --te-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.37);
    --te-shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.44);
    --te-shadow-accent: 0 8px 30px rgba(10, 102, 194, 0.18);
    /* Gradients */
    --te-gradient-accent: linear-gradient(135deg, #0a66c2, #084e96);
    --te-gradient-hero: linear-gradient(135deg, #0a0e1c, #0a66c2);
    --te-gradient-cta: linear-gradient(135deg, #ff6b35, #e0541e);
    --te-gradient-surface: linear-gradient(135deg, #0a0e1c, #0e1420);
    --te-gradient-text: linear-gradient(135deg, #2d8bda, #ff6b35);
    /* Interactive */
    --te-focus-ring: #2d8bda;
    --te-focus-ring-offset: #0a0e1c;
    --te-selection-bg: #0a66c2;
    --te-selection-text: #ffffff;
    --te-scrollbar: #283448;
    --te-scrollbar-hover: #384458;
    /* Dark Sections */
    --te-dark-bg: #070a16;
    --te-dark-bg-rgb: 7, 10, 22;
    --te-dark-text: #e2e8f0;
    --te-dark-muted: #7e89a5;
    --te-dark-border: #1c2438;
    --te-dark-input-bg: #0a0e1c;
    --te-dark-input-border: #1c2438;
    /* Chat Widget */
    --te-chat-bg: #121828;
    --te-chat-header-bg: linear-gradient(135deg, #0a66c2, #084e96);
    --te-chat-msg-area: #070a16;
    --te-chat-user-bubble: linear-gradient(135deg, #0a66c2, #084e96);
    --te-chat-user-text: #ffffff;
    --te-chat-bot-bubble: #1a2034;
    --te-chat-bot-text: #b8c0d0;
    --te-chat-bot-border: #1c2438;
    --te-chat-input-bg: #0a0e1c;
    --te-chat-input-border: #202a3e;
    --te-chat-input-text: #b8c0d0;
    --te-chat-fab-bg: #0a66c2;
    --te-chat-fab-text: #ffffff;
    --te-chat-fab-glow: rgba(10, 102, 194, 0.25);
    --te-chat-chip-border: #2d8bda;
    --te-chat-chip-hover-bg: #0a66c2;
}

/* ═══════════════════════════════════════════════
   GLOBAL SCROLL REVEAL ANIMATIONS
   Applied sitewide via IntersectionObserver in JS
   ═══════════════════════════════════════════════ */
.te-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}
.te-reveal.te-visible { opacity: 1; transform: translateY(0); }

.te-reveal-left {
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}
.te-reveal-left.te-visible { opacity: 1; transform: translateX(0); }

.te-reveal-right {
    opacity: 0;
    transform: translateX(40px);
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}
.te-reveal-right.te-visible { opacity: 1; transform: translateX(0); }

.te-reveal-scale {
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}
.te-reveal-scale.te-visible { opacity: 1; transform: scale(1); }

/* Stagger delays for children */
.te-stagger > .te-reveal:nth-child(1),
.te-stagger > .te-reveal-left:nth-child(1),
.te-stagger > .te-reveal-right:nth-child(1) { transition-delay: 0s; }
.te-stagger > .te-reveal:nth-child(2),
.te-stagger > .te-reveal-left:nth-child(2),
.te-stagger > .te-reveal-right:nth-child(2) { transition-delay: 0.1s; }
.te-stagger > .te-reveal:nth-child(3),
.te-stagger > .te-reveal-left:nth-child(3),
.te-stagger > .te-reveal-right:nth-child(3) { transition-delay: 0.2s; }
.te-stagger > .te-reveal:nth-child(4),
.te-stagger > .te-reveal-left:nth-child(4),
.te-stagger > .te-reveal-right:nth-child(4) { transition-delay: 0.3s; }
.te-stagger > .te-reveal:nth-child(5),
.te-stagger > .te-reveal-left:nth-child(5),
.te-stagger > .te-reveal-right:nth-child(5) { transition-delay: 0.4s; }
.te-stagger > .te-reveal:nth-child(6),
.te-stagger > .te-reveal-left:nth-child(6),
.te-stagger > .te-reveal-right:nth-child(6) { transition-delay: 0.5s; }

/* ─── Reduced Motion ──────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .te-reveal,
    .te-reveal-left,
    .te-reveal-right,
    .te-reveal-scale {
        opacity: 1;
        transform: none;
        transition: none;
    }
}