/* ============================================================================
   Theme: AtChurch Default — variant overrides only
   ============================================================================
   The Default theme's BASE values are theme-tokens.css itself; there is nothing
   to restate here. This file exists solely for the three non-Indigo variants.

   That is why there is no `:root[data-ac-theme="default"][data-bs-theme="light"]`
   block: Indigo is the base, and duplicating it here would be a second source of
   truth for the house style — the first thing to drift.

   Each variant re-points the brand ramp and nothing else. Surfaces, text,
   borders, shape, shadows and density all stay as the house style, which is what
   makes these read as variants of one theme rather than four themes.
   ============================================================================ */

/* ============================================================================
   ROYAL — a truer blue than indigo
   ============================================================================ */
:root[data-ac-theme="default"][data-ac-variant="royal"][data-bs-theme="light"] {
    --ac-brand: #1d4ed8;
    --ac-brand-rgb: 29, 78, 216;
    --ac-brand-hover: #1739a8;
    --ac-brand-active: #122c80;
    --ac-brand-light: #60a5fa;
    --ac-brand-soft: #eff5ff;
    --ac-brand-contrast: #ffffff;
}

:root[data-ac-theme="default"][data-ac-variant="royal"][data-bs-theme="dark"] {
    --ac-brand: #7ea6ff;
    --ac-brand-rgb: 126, 166, 255;
    --ac-brand-hover: #a5c0ff;
    --ac-brand-active: #c7d8ff;
    --ac-brand-light: #c7d8ff;
    --ac-brand-soft: #14223f;
    --ac-brand-contrast: #0a1024;
}

/* ============================================================================
   TEAL
   ============================================================================
   Deep enough to carry white text — #14b8a6 and friends measure about 2.3:1 and
   would fail on every primary button. Teal still reads as teal at #0f766e.
   ============================================================================ */
:root[data-ac-theme="default"][data-ac-variant="teal"][data-bs-theme="light"] {
    --ac-brand: #0f766e;
    --ac-brand-rgb: 15, 118, 110;
    --ac-brand-hover: #0c5f59;
    --ac-brand-active: #094a45;
    --ac-brand-light: #5eead4;
    --ac-brand-soft: #effcfa;
    --ac-brand-contrast: #ffffff;
}

:root[data-ac-theme="default"][data-ac-variant="teal"][data-bs-theme="dark"] {
    --ac-brand: #5eead4;
    --ac-brand-rgb: 94, 234, 212;
    --ac-brand-hover: #99f6e4;
    --ac-brand-active: #ccfbf1;
    --ac-brand-light: #ccfbf1;
    --ac-brand-soft: #04352f;
    /* A light hue cannot carry white text — dark ink here. */
    --ac-brand-contrast: #042f2a;
}

/* ============================================================================
   SLATE — for a church that wants no colour at all
   ============================================================================ */
:root[data-ac-theme="default"][data-ac-variant="slate"][data-bs-theme="light"] {
    --ac-brand: #475569;
    --ac-brand-rgb: 71, 85, 105;
    --ac-brand-hover: #374151;
    --ac-brand-active: #27303f;
    --ac-brand-light: #94a3b8;
    --ac-brand-soft: #f1f5f9;
    --ac-brand-contrast: #ffffff;
}

:root[data-ac-theme="default"][data-ac-variant="slate"][data-bs-theme="dark"] {
    --ac-brand: #b0bccd;
    --ac-brand-rgb: 176, 188, 205;
    --ac-brand-hover: #cbd5e1;
    --ac-brand-active: #e2e8f0;
    --ac-brand-light: #e2e8f0;
    --ac-brand-soft: #263449;
    --ac-brand-contrast: #131c2b;
}