/* Lumad Console tokens. Generated from tokens.json. Light is the default; dark applies with data-theme="dark". */
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("fonts/IBMPlexSansArabic-Regular.f36223390481.ttf"); font-weight: 400; font-style: normal; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("fonts/IBMPlexSansArabic-Bold.2e56c2f3563a.ttf"); font-weight: 700; font-style: normal; }
:root, [data-theme="light"] { --ld-primary: #7e22ce; --ld-primary-hover: #6d28d9; --ld-primary-fixed: #ede6fd; --ld-primary-fixed-dim: #ddd0fb; --ld-on-primary: #ffffff; --ld-on-primary-fixed: #5b1aa8; --ld-accent: #e11d6a; --ld-page-dark: #14111f; --ld-surface-dark: #1e1b2e; --ld-border-dark: rgba(255, 255, 255, 0.10); --ld-on-dark: #f4f1fb; --ld-on-dark-muted: #b3aac9; --ld-sidebar-active: rgba(255, 255, 255, 0.09); --ld-surface: #f8f5ff; --ld-surface-bright: #ffffff; --ld-surface-dim: #e5def3; --ld-surface-container-lowest: #ffffff; --ld-surface-container-low: #f8f5ff; --ld-surface-container: #f1ecfa; --ld-surface-container-high: #e5def3; --ld-surface-container-highest: #ddd0fb; --ld-on-surface: #1e1b2e; --ld-on-surface-variant: #564e6b; --ld-outline: #756c8a; --ld-outline-variant: #e5def3; --ld-success: #16a34a; --ld-success-soft: #dcfce7; --ld-success-ink: #15803d; --ld-warning: #d97706; --ld-warning-soft: #fef3c7; --ld-warning-ink: #b45309; --ld-error: #e11d6a; --ld-error-soft: #ffe4f0; --ld-error-ink: #be185d; --ld-info: #6237c8; --ld-info-soft: #ede6fd; --ld-focus: #7e22ce; --ld-wordmark-ai: #a855f7; --ld-shadow-xs: 0 1px 2px rgba(30, 27, 46, .06); --ld-shadow-sm: 0 2px 6px rgba(30, 27, 46, .07); --ld-shadow-md: 0 8px 24px -6px rgba(46, 28, 84, .14); --ld-shadow-lg: 0 20px 48px -12px rgba(46, 28, 84, .22); --ld-cta-shadow: 0 4px 14px rgba(126, 34, 206, .28); --space-1: 4px; --space-2: 8px; --space-3: 12px; --gap-kpi: 14px; --space-4: 16px; --card-pad-x: 18px; --ld-gutter: 24px; --ld-page-pad: 32px; --ld-radius-xs: 6px; --ld-radius-sm: 8px; --ld-radius-md: 12px; --radius-card: 14px; --ld-radius-lg: 16px; --ld-radius-xl: 24px; --ld-radius-full: 9999px; --ld-sidebar-w: 256px; --ld-topbar-h: 60px; --content-max: 1360px; --z-sticky: 100; --z-dropdown: 300; --z-overlay: 1000; --z-modal: 1010; --z-toast: 9000; --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-arabic: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif; --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
[data-theme="dark"] { color-scheme: dark; --ld-primary: #c084fc; --ld-primary-hover: #d8b4fe; --ld-primary-fixed: #2e1f4a; --ld-primary-fixed-dim: #3d2a63; --ld-on-primary: #14111f; --ld-on-primary-fixed: #e9d5ff; --ld-accent: #f472b6; --ld-page-dark: #0c0a14; --ld-surface-dark: #110e1b; --ld-border-dark: rgba(255, 255, 255, 0.08); --ld-on-dark: #f4f1fb; --ld-on-dark-muted: #b3aac9; --ld-sidebar-active: rgba(255, 255, 255, 0.07); --ld-surface: #14111f; --ld-surface-bright: #1e1b2e; --ld-surface-dim: #0f0c18; --ld-surface-container-lowest: #1e1b2e; --ld-surface-container-low: #1a1728; --ld-surface-container: #252136; --ld-surface-container-high: #2e2942; --ld-surface-container-highest: #3a3352; --ld-on-surface: #f4f1fb; --ld-on-surface-variant: #b3aac9; --ld-outline: #9c93b3; --ld-outline-variant: #332d48; --ld-success: #4ade80; --ld-success-soft: #12301f; --ld-success-ink: #4ade80; --ld-warning: #fbbf24; --ld-warning-soft: #3a2a0c; --ld-warning-ink: #fbbf24; --ld-error: #f472b6; --ld-error-soft: #3d1428; --ld-error-ink: #f472b6; --ld-info: #a78bfa; --ld-info-soft: #251c45; --ld-focus: #c084fc; --ld-wordmark-ai: #a855f7; --ld-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4); --ld-shadow-sm: 0 2px 6px rgba(0, 0, 0, .45); --ld-shadow-md: 0 8px 24px -6px rgba(0, 0, 0, .55); --ld-shadow-lg: 0 20px 48px -12px rgba(0, 0, 0, .6); --ld-cta-shadow: 0 4px 14px rgba(0, 0, 0, .4); }