/* تَكّة — هوية «ومضة» */
:root {
    --takkah-dark: #14141F;
    --takkah-dark-soft: #2D2D3A;
    --takkah-primary: #FF6B35;
    --takkah-primary-hover: #FF8555;
    --takkah-primary-soft: #FFB08A;
    --takkah-primary-bg: #FFF4EE;
    --takkah-light: #FAFAF8;
    --takkah-text: #2D2D3A;
    --takkah-success: #16A34A;
    --takkah-warning-text: #9A3412;
    --takkah-warning-muted: #C2410C;
    --takkah-surface: #ffffff;
    --takkah-surface-border: #e5e7eb;
    --takkah-heading: #111827;
    --takkah-body: #4b5563;
    --takkah-muted: #6b7280;
    --takkah-surface-muted: #f9fafb;
    --takkah-surface-elevated: #ffffff;
    --takkah-input-bg: #ffffff;
    --takkah-input-border: #d1d5db;
    --takkah-divider: #e5e7eb;
    --takkah-shadow: rgba(0, 0, 0, 0.08);
}

/*
 * لوحة رمادي Filament المولّدة من gray: #14141F
 * تُستخدم كاحتياطي خارج لوحة Filament (هبوط / قانونية)
 */
:root {
    --takkah-fg-50: oklch(0.977 0 284.197);
    --takkah-fg-300: oklch(0.84 0 284.197);
    --takkah-fg-400: oklch(0.754 0 284.197);
    --takkah-fg-800: oklch(0.446 0 284.197);
    --takkah-fg-900: oklch(0.395 0 284.197);
    --takkah-fg-950: oklch(0.278 0 284.197);
}

/* الوضع الليلي — نفس Filament (محايد، بلا ميل أزرق) */
.dark {
    --takkah-surface: var(--gray-900, var(--takkah-fg-900));
    --takkah-surface-muted: var(--gray-950, var(--takkah-fg-950));
    --takkah-surface-elevated: var(--gray-800, var(--takkah-fg-800));
    --takkah-surface-border: rgb(255 255 255 / 0.1);
    --takkah-heading: var(--gray-50, var(--takkah-fg-50));
    --takkah-body: var(--gray-300, var(--takkah-fg-300));
    --takkah-muted: var(--gray-400, var(--takkah-fg-400));
    --takkah-input-bg: var(--gray-800, var(--takkah-fg-800));
    --takkah-input-border: rgb(255 255 255 / 0.1);
    --takkah-divider: rgb(255 255 255 / 0.08);
    --takkah-shadow: rgba(0, 0, 0, 0.35);
    --takkah-primary-bg: rgb(255 107 53 / 0.14);
    --takkah-light: var(--gray-800, var(--takkah-fg-800));
    --takkah-warning-text: #fdba74;
    --takkah-warning-muted: #fed7aa;
}

/* ─── مبدّل الثيم (مشترك: هبوط، دخول، لوحة) ─── */
.takkah-theme-switcher {
    display: inline-flex;
    align-items: stretch;
    border-radius: 0.5rem;
    border: 1px solid var(--takkah-surface-border);
    background: var(--takkah-surface);
    overflow: hidden;
}

.takkah-theme-switcher__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.45rem 0.65rem;
    border: none;
    border-inline-start: 1px solid var(--takkah-surface-border);
    background: transparent;
    color: var(--takkah-muted);
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.takkah-theme-switcher__btn:first-child {
    border-inline-start: none;
}

.takkah-theme-switcher__btn svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.takkah-theme-switcher__btn:hover {
    color: var(--takkah-heading);
    background: var(--takkah-surface-muted);
}

.takkah-theme-switcher__btn.is-active {
    color: var(--takkah-primary);
    background: var(--takkah-primary-bg);
}

.takkah-theme-switcher--compact .takkah-theme-switcher__btn {
    padding: 0.4rem 0.5rem;
}