/* ═══════════════════════════════════════════════════════════════
   Brand palette — D2KSS.com (ym-theme.css) + temple accents
   Source: https://d2kss.com/css/ym-theme.css
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* D2KSS enterprise palette */
    --d2kss-brand: #bfba5f;
    --d2kss-brand-light: #d5d3b5;
    --d2kss-brand-dark: #8a8639;
    --d2kss-navy: #0a2540;
    --d2kss-navy-light: #123a5c;
    --d2kss-navy-deep: #061a31;
    --d2kss-teal: #0088a8;
    --d2kss-teal-light: #00a8cc;
    --d2kss-teal-glow: #4dd0e1;
    --d2kss-accent: #e85d04;
    --d2kss-slate: #2c3e50;
    --d2kss-slate-muted: #5a6c7d;
    --d2kss-surface: #ffffff;
    --d2kss-surface-soft: #f4f7fa;
    --d2kss-border: #dde4ec;
    --d2kss-gradient-hero: linear-gradient(120deg, #061a31 0%, #0a2540 35%, #123a5c 65%, #0a2540 100%);
    --d2kss-gradient-teal: linear-gradient(135deg, var(--d2kss-teal) 0%, var(--d2kss-teal-light) 100%);
    --d2kss-gradient-teal-wide: linear-gradient(90deg, var(--d2kss-teal) 0%, #4f86c6 60%, #667eea 100%);
    --d2kss-gradient-brand: linear-gradient(135deg, var(--d2kss-navy) 0%, var(--d2kss-navy-light) 100%);
    --d2kss-gradient-gold: linear-gradient(135deg, #F4D35E 0%, var(--gold) 50%, var(--d2kss-brand) 100%);
    --d2kss-card-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 14px 32px rgba(6, 26, 49, 0.05);
    --d2kss-card-shadow-hover:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 22px 48px rgba(6, 26, 49, 0.12);
    --d2kss-card-radius: 18px;

    /* Portal semantic tokens (mapped to D2KSS navy + teal) */
    --portal-primary: var(--d2kss-navy);
    --portal-primary-light: var(--d2kss-navy-light);
    --portal-primary-dark: var(--d2kss-navy-deep);
    --primary: var(--d2kss-teal);
    --primary-light: var(--d2kss-teal-light);
    --primary-dark: var(--d2kss-navy);
    --gold: #D4AF37;
    --gold-light: #F5D76E;
    --gold-dark: #B8860B;
    --bg: var(--d2kss-surface-soft);
    --surface: #FFFFFF;
    --surface-2: #e8f4f8;
    --text: var(--d2kss-slate);
    --text-light: var(--d2kss-slate-muted);
    --success: #16A34A;
    --warning: #F59E0B;
    --danger: #DC2626;
    --border: var(--d2kss-border);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --shadow-sm: var(--d2kss-card-shadow);
    --shadow: var(--d2kss-card-shadow-hover);
    --shadow-lg: 0 25px 60px rgba(6, 26, 49, 0.12);
    --transition: 0.3s ease;

    /* Brand scale (olive gold — D2KSS logo accent) */
    --brand-50: #f9f9f3;
    --brand-100: #f2f2e8;
    --brand-200: #e6e5d4;
    --brand-300: #d5d3b5;
    --brand-400: #c9c57a;
    --brand-500: #bfba5f;
    --brand-600: #a8a447;
    --brand-700: #8a8639;
    --brand-800: #6f6b2e;
    --brand-900: #5a5726;
    --brand-950: #323016;

    /* Neutrals */
    --neutral-50: #fafaf8;
    --neutral-100: #f5f5f2;
    --neutral-200: #e8e8e3;
    --neutral-300: #d4d4cc;
    --neutral-400: #a8a89e;
    --neutral-500: #737368;
    --neutral-600: #5c5c53;
    --neutral-700: #45453f;
    --neutral-800: #2e2e2a;
    --neutral-900: #1c1c19;

    /* Semantic aliases */
    --color-primary: var(--d2kss-teal);
    --color-primary-hover: var(--d2kss-navy);
    --color-primary-light: var(--d2kss-teal-light);
    --color-primary-soft: rgba(0, 136, 168, 0.1);
    --color-primary-ring: rgba(0, 168, 204, 0.35);
    --color-accent: var(--d2kss-accent);
    --color-surface: #ffffff;
    --color-background: var(--d2kss-surface-soft);
    --color-text: var(--d2kss-slate);
    --color-text-muted: var(--d2kss-slate-muted);
    --color-border: var(--d2kss-border);

    /* Bootstrap bridge */
    --bs-primary: var(--d2kss-teal);
    --bs-primary-rgb: 0, 136, 168;
    --bs-body-bg: var(--d2kss-surface-soft);
    --bs-body-color: var(--d2kss-slate);
    --bs-border-color: var(--d2kss-border);
    --bs-link-color: var(--d2kss-teal);
    --bs-link-hover-color: var(--d2kss-navy);

    /* Top nav — D2KSS navy header */
    --nav-bg: var(--d2kss-navy);
    --nav-text: #e2e8f0;
    --nav-gold: var(--d2kss-teal-glow);
    --nav-gold-light: var(--d2kss-teal-light);
    --nav-brown: #ffffff;
    --nav-border: rgba(0, 168, 204, 0.25);
    --nav-active-gradient: var(--d2kss-gradient-teal);
    --nav-donate-gradient: linear-gradient(135deg, #e85d04 0%, #f59e0b 100%);
    --nav-donate-shadow: 0 8px 20px rgba(232, 93, 4, 0.35);
    /* Dropdown panel (white surface — do not reuse --nav-text) */
    --nav-dropdown-bg: #ffffff;
    --nav-dropdown-text: var(--d2kss-slate);
    --nav-dropdown-text-hover: var(--d2kss-teal);
    --nav-dropdown-icon: var(--d2kss-teal);
    --nav-dropdown-hover-bg: rgba(0, 136, 168, 0.1);
    --nav-dropdown-border: rgba(6, 26, 49, 0.1);

    /* Temple accents (spiritual pages) */
    --forest-950: var(--d2kss-navy-deep);
    --forest-900: var(--d2kss-navy-deep);
    --forest-800: var(--d2kss-navy);
    --forest-700: var(--d2kss-navy);
    --forest-600: var(--d2kss-navy-light);
    --forest-500: var(--d2kss-teal);
    --forest-100: #e8f4f8;
    --forest-50: #f0f9fc;

    --temple-gold-accent: #E8A317;
    --temple-gold-warm: #F5C518;
    --temple-coral: #DC2626;
    --temple-coral-dark: #B91C1C;
    --temple-cream-page: var(--d2kss-surface-soft);
    --temple-seva-purple: #7C3AED;
    --temple-seva-orange: var(--d2kss-accent);
}