/* Central ERP theme tokens. Static fallbacks only; dynamic app_settings overrides are emitted after base CSS. */
:root {
    --brand-navy: #0A192F;
    --brand-navy-soft: #0b2d5c;
    --brand-blue: #1988d8;
    --brand-cyan: #42d9f4;
    --brand-green: #38d67a;
    --brand-orange: #ff8a00;
    --brand-gold: #C5A059;
    --brand-gold-dark: #a88446;
    --brand-purple: #c93bff;
    --brand-light: #f5f9ff;
    --brand-slate: #5f6b7a;
    --brand-ink: #0f172a;
    --text-main: #2D3748;
    --text-muted: #718096;
    --white: #ffffff;
    --bg-light: #F8FAFC;
    --bg-soft: #f8fbff;
    --bg-muted: #eef5ff;
    --border-soft: #e5edf7;
    --shadow-soft: 0 20px 60px rgba(15, 23, 42, 0.10);
    --font-family-base: "Droid Arabic Kufi", "Droid Kufi", "DroidKufi-Regular", Tahoma, Arial, sans-serif;

    --brand-primary: var(--brand-blue);
    --brand-primary-dark: #166fb0;
    --brand-secondary: var(--brand-navy);
    --brand-accent: var(--brand-gold);
    --brand-soft: var(--bg-muted);
    --brand-page-bg: var(--bg-light);
    --brand-surface: var(--white);
    --brand-surface-soft: var(--bg-soft);
    --brand-border: var(--border-soft);
    --brand-border-soft: var(--border-soft);
    --brand-text: var(--text-main);
    --brand-muted: var(--text-muted);
    --brand-sidebar-bg: var(--brand-navy);
    --brand-sidebar-text: var(--white);
    --brand-sidebar-active: var(--brand-navy-soft);
    --brand-header-bg: var(--white);
    --brand-header-text: var(--brand-ink);
    --brand-breadcrumb-bg: var(--bg-soft);
    --brand-breadcrumb-text: var(--brand-ink);
    --brand-button-text: var(--white);
    --brand-success: var(--brand-green);
    --brand-warning: var(--brand-orange);
    --brand-danger: #9B2C2C;
    --brand-info: var(--brand-blue);
    --primary: var(--brand-blue);
    --accent: var(--brand-gold);
    --success: var(--brand-green);
    --danger: var(--brand-danger);
    --surface: var(--white);
    --surface-muted: var(--bg-soft);
    --border: var(--border-soft);
    --text: var(--text-main);
    --muted: var(--text-muted);
    --shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 16px 40px rgba(15, 23, 42, 0.08);
    --shadow-lg: var(--shadow-soft);
    --gradient-navy: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-navy-soft) 58%, var(--brand-blue) 100%);
    --gradient-soft: linear-gradient(135deg, var(--bg-light) 0%, var(--bg-soft) 100%);
    --msar-arabic-font-stack: var(--font-family-base);
    --system-font-family: var(--font-family-base);
    --system-font-size: 13px;
    --system-nav-font-size: 13px;
    --system-font-weight: 500;
    --system-heading-weight: 800;
    --system-line-height: 1.6;
}

html,
body,
button,
input,
select,
textarea,
table {
    font-family: var(--font-family-base);
}