/* @bulk:start mas-front/shared/tokens/theme stylesheet MAS Shared Theme Tokens */
:root {
  color-scheme: dark;
  --mas-font-sans: "Dubai", "Tajawal", "Cairo", "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  --mas-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --mas-font-size-xs: .75rem;
  --mas-font-size-sm: .875rem;
  --mas-font-size-base: 1rem;
  --mas-font-size-lg: 1.125rem;
  --mas-font-size-xl: 1.25rem;
  --mas-font-size-2xl: 1.5rem;
  --mas-font-size-3xl: 2rem;
  --mas-line-height-body: 1.62;

  /* Runtime design controls. The advanced theme layer edits these safely. */
  --mas-font-scale: 1;
  --mas-density: 1;
  --mas-radius-scale: 1;
  --mas-sidebar-w: clamp(240px, 28vw, 300px);
  --mas-sidebar-mini-w: 72px;
  --mas-content-max: 1360px;
  --mas-modal-w-sm: 420px;
  --mas-modal-w-md: 560px;
  --mas-modal-w-lg: 720px;
  --mas-modal-w-xl: 920px;
  --mas-modal-w-xxl: 1200px;

  --mas-radius-xs: calc(.5rem * var(--mas-radius-scale));
  --mas-radius-sm: calc(.72rem * var(--mas-radius-scale));
  --mas-radius-md: calc(.96rem * var(--mas-radius-scale));
  --mas-radius-lg: calc(1.25rem * var(--mas-radius-scale));
  --mas-radius-xl: calc(1.55rem * var(--mas-radius-scale));
  --mas-radius-2xl: calc(1.95rem * var(--mas-radius-scale));
  --mas-control-h: calc(42px * var(--mas-density));
  --mas-card-pad: calc(1rem * var(--mas-density));
  --mas-shadow-soft: 0 20px 70px rgba(0,0,0,.22);
  --mas-shadow-card: 0 18px 60px rgba(6, 10, 35, .18);
  --mas-border-width: 1px;
  --mas-topbar-h: calc(70px * var(--mas-density));
  --mas-motion-fast: 160ms cubic-bezier(.2,.8,.2,1);
  --mas-motion-med: 260ms cubic-bezier(.2,.8,.2,1);
  --mas-motion-slow: 520ms cubic-bezier(.19,1,.22,1);

  --mas-bg: #07111f;
  --mas-bg-2: #111827;
  --mas-surface: rgba(15, 23, 42, .86);
  --mas-surface-2: rgba(30, 41, 59, .78);
  --mas-surface-3: rgba(51, 65, 85, .58);
  --mas-text: #f8fafc;
  --mas-muted: #a8b3c7;
  --mas-muted-2: #708096;
  --mas-border: rgba(148, 163, 184, .24);
  --mas-ring: rgba(125, 211, 252, .48);
  --mas-primary: #38bdf8;
  --mas-primary-2: #818cf8;
  --mas-accent: #c084fc;
  --mas-success: #34d399;
  --mas-warning: #fbbf24;
  --mas-danger: #fb7185;
  --mas-danger-text: #fca5a5;
  --mas-danger-surface: rgba(251, 113, 133, .12);
  --mas-info: #60a5fa;
  --mas-chart-1: #38bdf8;
  --mas-chart-2: #a78bfa;
  --mas-chart-3: #34d399;
  --mas-chart-4: #fbbf24;
  --mas-chart-5: #fb7185;
  --mas-chart-6: #22d3ee;
  --mas-grad-a: rgba(56, 189, 248, .30);
  --mas-grad-b: rgba(192, 132, 252, .22);
  --mas-grad-c: rgba(52, 211, 153, .18);
}

[data-theme="aurora-dark"] {
  color-scheme: dark;
  --mas-bg: #07111f;
  --mas-bg-2: #111827;
  --mas-surface: rgba(15, 23, 42, .86);
  --mas-surface-2: rgba(30, 41, 59, .78);
  --mas-surface-3: rgba(51, 65, 85, .58);
  --mas-text: #f8fafc;
  --mas-muted: #a8b3c7;
  --mas-muted-2: #708096;
  --mas-border: rgba(148, 163, 184, .24);
  --mas-ring: rgba(125, 211, 252, .48);
  --mas-primary: #38bdf8;
  --mas-primary-2: #818cf8;
  --mas-accent: #c084fc;
  --mas-success: #34d399;
  --mas-warning: #fbbf24;
  --mas-danger: #fb7185;
  --mas-info: #60a5fa;
  --mas-chart-1: #38bdf8;
  --mas-chart-2: #a78bfa;
  --mas-chart-3: #34d399;
  --mas-chart-4: #fbbf24;
  --mas-chart-5: #fb7185;
  --mas-chart-6: #22d3ee;
  --mas-grad-a: rgba(56, 189, 248, .30);
  --mas-grad-b: rgba(192, 132, 252, .22);
  --mas-grad-c: rgba(52, 211, 153, .18);
}

[data-theme="aurora-light"] {
  color-scheme: light;
  --mas-bg: #f6f8fb;
  --mas-bg-2: #eef4ff;
  --mas-surface: rgba(255,255,255,.96);
  --mas-surface-2: rgba(248,250,252,.94);
  --mas-surface-3: rgba(226,232,240,.92);
  --mas-text: #0f172a;
  --mas-muted: #334155;
  --mas-muted-2: #64748b;
  --mas-border: rgba(15, 23, 42, .16);
  --mas-ring: rgba(2, 132, 199, .34);
  --mas-primary: #0369a1;
  --mas-primary-2: #4f46e5;
  --mas-accent: #7e22ce;
  --mas-success: #047857;
  --mas-warning: #b45309;
  --mas-danger: #be123c;
  --mas-info: #1d4ed8;
  --mas-chart-1: #0369a1;
  --mas-chart-2: #6d28d9;
  --mas-chart-3: #047857;
  --mas-chart-4: #b45309;
  --mas-chart-5: #be123c;
  --mas-chart-6: #0e7490;
  --mas-grad-a: rgba(2,132,199,.12);
  --mas-grad-b: rgba(147,51,234,.10);
  --mas-grad-c: rgba(5,150,105,.08);
  --mas-shadow-soft: 0 22px 70px rgba(15, 23, 42, .10);
  --mas-shadow-card: 0 18px 50px rgba(15, 23, 42, .08);
}

[data-theme="midnight"] {
  color-scheme: dark;
  --mas-bg: #030712;
  --mas-bg-2: #090f1f;
  --mas-surface: rgba(8, 13, 27, .90);
  --mas-surface-2: rgba(17, 24, 39, .82);
  --mas-surface-3: rgba(31, 41, 55, .64);
  --mas-text: #f9fafb;
  --mas-muted: #a7b0bf;
  --mas-muted-2: #778293;
  --mas-border: rgba(156, 163, 175, .22);
  --mas-ring: rgba(99, 102, 241, .50);
  --mas-primary: #818cf8;
  --mas-primary-2: #06b6d4;
  --mas-accent: #a78bfa;
  --mas-success: #10b981;
  --mas-warning: #f59e0b;
  --mas-danger: #f43f5e;
  --mas-info: #60a5fa;
  --mas-chart-1: #818cf8;
  --mas-chart-2: #22d3ee;
  --mas-chart-3: #10b981;
  --mas-chart-4: #f59e0b;
  --mas-chart-5: #f43f5e;
  --mas-chart-6: #a855f7;
  --mas-grad-a: rgba(99,102,241,.30);
  --mas-grad-b: rgba(6,182,212,.18);
  --mas-grad-c: rgba(168,85,247,.16);
}

[data-theme="emerald"] {
  color-scheme: light;
  --mas-bg: #f0fdfa;
  --mas-bg-2: #ecfdf5;
  --mas-surface: rgba(255,255,255,.96);
  --mas-surface-2: rgba(240,253,250,.94);
  --mas-surface-3: rgba(204,251,241,.88);
  --mas-text: #042f2e;
  --mas-muted: #115e59;
  --mas-muted-2: #0f766e;
  --mas-border: rgba(15, 118, 110, .22);
  --mas-ring: rgba(20, 184, 166, .38);
  --mas-primary: #0f766e;
  --mas-primary-2: #047857;
  --mas-accent: #0e7490;
  --mas-success: #15803d;
  --mas-warning: #a16207;
  --mas-danger: #be123c;
  --mas-info: #0369a1;
  --mas-chart-1: #0f766e;
  --mas-chart-2: #0e7490;
  --mas-chart-3: #15803d;
  --mas-chart-4: #a16207;
  --mas-chart-5: #be123c;
  --mas-chart-6: #0d9488;
  --mas-grad-a: rgba(15,118,110,.12);
  --mas-grad-b: rgba(8,145,178,.10);
  --mas-grad-c: rgba(22,163,74,.08);
  --mas-shadow-soft: 0 22px 70px rgba(6, 78, 59, .10);
  --mas-shadow-card: 0 18px 50px rgba(6, 78, 59, .08);
}

[data-theme="sand"] {
  color-scheme: light;
  --mas-bg: #fffbeb;
  --mas-bg-2: #fef3c7;
  --mas-surface: rgba(255,255,255,.96);
  --mas-surface-2: rgba(255,251,235,.94);
  --mas-surface-3: rgba(253,230,138,.82);
  --mas-text: #2b1704;
  --mas-muted: #78350f;
  --mas-muted-2: #92400e;
  --mas-border: rgba(120,53,15,.24);
  --mas-ring: rgba(217,119,6,.38);
  --mas-primary: #92400e;
  --mas-primary-2: #b91c1c;
  --mas-accent: #7c2d12;
  --mas-success: #166534;
  --mas-warning: #a16207;
  --mas-danger: #be123c;
  --mas-info: #1d4ed8;
  --mas-chart-1: #92400e;
  --mas-chart-2: #b91c1c;
  --mas-chart-3: #166534;
  --mas-chart-4: #a16207;
  --mas-chart-5: #be123c;
  --mas-chart-6: #7c2d12;
  --mas-grad-a: rgba(180,83,9,.12);
  --mas-grad-b: rgba(220,38,38,.08);
  --mas-grad-c: rgba(21,128,61,.08);
  --mas-shadow-soft: 0 22px 70px rgba(120, 53, 15, .11);
  --mas-shadow-card: 0 18px 50px rgba(120, 53, 15, .08);
}

[data-theme="royal"] {
  color-scheme: dark;
  --mas-bg: #160b2f;
  --mas-bg-2: #241044;
  --mas-surface: rgba(32, 18, 63, .88);
  --mas-surface-2: rgba(59, 25, 99, .80);
  --mas-surface-3: rgba(88, 28, 135, .58);
  --mas-text: #faf5ff;
  --mas-muted: #dfc8ff;
  --mas-muted-2: #bda2f9;
  --mas-border: rgba(216,180,254,.24);
  --mas-ring: rgba(217,70,239,.42);
  --mas-primary: #d946ef;
  --mas-primary-2: #8b5cf6;
  --mas-accent: #f0abfc;
  --mas-success: #22c55e;
  --mas-warning: #facc15;
  --mas-danger: #fb7185;
  --mas-info: #60a5fa;
  --mas-chart-1: #d946ef;
  --mas-chart-2: #8b5cf6;
  --mas-chart-3: #22c55e;
  --mas-chart-4: #facc15;
  --mas-chart-5: #fb7185;
  --mas-chart-6: #60a5fa;
  --mas-grad-a: rgba(217,70,239,.30);
  --mas-grad-b: rgba(139,92,246,.22);
  --mas-grad-c: rgba(240,171,252,.12);
}
/* @bulk:end */