/* @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;
  --mas-font-medium: 600;
  --mas-font-bold: 800;
  --mas-text-xs: var(--mas-font-size-xs);
  --mas-text-sm: var(--mas-font-size-sm);
  --mas-text-2xl: var(--mas-font-size-2xl);
  --mas-space-1: .25rem;
  --mas-space-2: .5rem;
  --mas-space-3: .75rem;
  --mas-space-4: 1rem;
  --mas-space-5: 1.25rem;
  --mas-space-6: 1.5rem;
  --mas-space-8: 2rem;

  /* 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-shadow-md: var(--mas-shadow-card);
  --mas-shadow-xl: var(--mas-shadow-soft);
  --mas-z-modal: 1000;
  --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-on-primary: #ffffff;
  --mas-primary-container: color-mix(in srgb, var(--mas-primary) 12%, var(--mas-surface));
  --mas-success-container: color-mix(in srgb, var(--mas-success) 12%, var(--mas-surface));
  --mas-warning-container: color-mix(in srgb, var(--mas-warning) 12%, var(--mas-surface));
  --mas-danger-container: color-mix(in srgb, var(--mas-danger) 12%, var(--mas-surface));
  --mas-overlay: color-mix(in srgb, var(--mas-bg) 72%, transparent);
  --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 */

/* @bulk:start shared/tokens/social stylesheet Social palettes and brand tokens */
:root{--social-ruby-primary:#be123c;--social-ruby-accent:#e11d48;--social-ruby-bg:#fff7f8;--social-ruby-surface:#fff;--social-ruby-surface-2:#fff1f3;--social-ruby-text:#2b1118;--social-ruby-muted:#76515b;--social-ruby-border:#f3c6d0;--social-ruby-danger:#b91c1c;--social-ruby-warning:#a16207;--social-ruby-success:#047857;--social-ruby-info:#0369a1;--social-ruby-on-primary:#fff}
:root{--social-mobile-primary:#c81e1e;--social-mobile-accent:#f43f5e;--social-mobile-secondary:#0f766e;--social-mobile-bg:#fff7f7;--social-mobile-surface:#fff;--social-mobile-surface-2:#fff1f2;--social-mobile-text:#231316;--social-mobile-muted:#7c5258;--social-mobile-outline:#f1cfd3;--social-mobile-dark-bg:#09090b;--social-mobile-dark-surface:#181012;--social-mobile-dark-surface-2:#211518;--social-mobile-dark-text:#fff1f2;--social-mobile-dark-muted:#d6a8ae;--social-media-surface:#020617;--social-cover-shade:#5f1020;--social-rating-accent:#f6a609;--social-rating-on-accent:#07111f;--mas-brand-google-blue:#4285F4;--mas-brand-google-green:#34A853;--mas-brand-google-yellow:#FBBC05;--mas-brand-google-red:#EA4335;--social-swatch-red-primary:#c62828;--social-swatch-red-accent:#ff8a80;--social-swatch-navy-primary:#14213d;--social-swatch-navy-accent:#3a86ff;--social-swatch-dark-primary:#111827;--social-swatch-dark-accent:#475569;--social-swatch-light-primary:#fff8f5;--social-swatch-light-accent:#ef5350;}
/* @bulk:end */

/* @bulk:start shared/tokens/mobile-palette stylesheet Mobile palette values */
:root{--mobile-palette-base-color-rose-50:#fff1f2;--mobile-palette-base-color-rose-100:#ffe4e6;--mobile-palette-base-color-rose-500:#f43f5e;--mobile-palette-base-color-rose-700:#be123c;--mobile-palette-base-color-rose-950:#4c0519;--mobile-palette-base-color-teal-500:#14b8a6;--mobile-palette-base-color-teal-700:#0f766e;--mobile-palette-base-shadow-1:0 6px 18px #35121a0d;--mobile-palette-base-shadow-2:0 14px 34px #35121a18;--mobile-palette-base-shadow-3:0 24px 64px #35121a26;--mobile-palette-base-primary-fg:white;--mobile-palette-base-danger:#dc2626;--mobile-palette-light-bg:#fff7f8;--mobile-palette-light-surface:#ffffff;--mobile-palette-light-text:#2c1219;--mobile-palette-light-muted:#76545e;--mobile-palette-light-border:#ead4da;--mobile-palette-dark-bg:#09090b;--mobile-palette-dark-surface:#171216;--mobile-palette-dark-text:#fff1f2;--mobile-palette-dark-muted:#bda8ad;--mobile-palette-dark-border:#3d2c31;--mobile-palette-red-primary:#e11d48;--mobile-palette-red-primary-contrast:#ffffff;--mobile-palette-red-accent:#ef4444;--mobile-palette-red-bg:#fff7f8;--mobile-palette-red-surface:#ffffff;--mobile-palette-red-text:#2c1219;--mobile-palette-red-muted:#76545e;--mobile-palette-red-border:#ead4da;--mobile-palette-dark-primary:#f43f5e;--mobile-palette-dark-primary-contrast:#ffffff;--mobile-palette-dark-accent:#ef4444;--mobile-palette-navy-primary:#f43f5e;--mobile-palette-navy-primary-contrast:#ffffff;--mobile-palette-navy-accent:#fb7185;--mobile-palette-navy-bg:#07111f;--mobile-palette-navy-surface:#0d1b2f;--mobile-palette-navy-text:#edf4ff;--mobile-palette-navy-muted:#9bacc3;--mobile-palette-navy-border:#243751;}
/* @bulk:end */

/* @bulk:start mobile-kit/presentation-palette stylesheet Shared mobile semantic color defaults */
:root {
  --mobile-palette-paper: #fff;
  --mobile-palette-ink: #000;
  --mobile-palette-media-badge: #111;
  --mobile-palette-message-accent: #ef3b55;
  --mobile-palette-receipt-read: #67d8ff;
  --mobile-palette-attachment-surface: #0b1220;
  --mobile-palette-error: #b3261e;
  --mobile-palette-reel-surface: #09090b;
  --mobile-palette-service: #0f9f91;
  --mobile-palette-knowledge: #7c3aed;
  --mobile-palette-news: #2563eb;
  --mobile-palette-story-surface: #08090b;
  --mobile-palette-story-accent: #ff8a65;
  --mobile-palette-story-primary: #6447db;
  --mobile-palette-story-control: #333;
  --mobile-palette-whatsapp: #22a06b;
  --mobile-palette-whatsapp-hover: #168755;
  --mobile-palette-notification: #dc2626;
  --mobile-palette-scanner-surface: #071f19;
  --mobile-palette-scanner-guide: #e1b84b;
  --mobile-palette-highlight-soft: #fff7;
  --mobile-palette-highlight: #fff8;
  --mobile-palette-swatch-outline: #ffffff70;
  --mobile-palette-splash-shadow: #3b111817;
  --mobile-palette-gallery-scrim: rgba(15,23,42,.62);
  --mobile-palette-voice-foreground: rgba(255,255,255,.78);
  --mobile-palette-voice-track: rgba(255,255,255,.13);
  --mobile-palette-viewer-scrim: rgba(4,8,18,.9);
  --mobile-palette-viewer-outline: rgba(255,255,255,.16);
  --mobile-palette-viewer-shadow: rgba(0,0,0,.52);
  --mobile-palette-viewer-control: rgba(255,255,255,.1);
  --mobile-palette-story-shade-top: rgba(0,0,0,.66);
  --mobile-palette-story-shade-bottom: rgba(0,0,0,.72);
  --mobile-palette-story-progress: rgba(255,255,255,.34);
  --mobile-palette-story-glass: rgba(22,22,26,.54);
  --mobile-palette-story-muted: rgba(255,255,255,.8);
  --mobile-palette-story-hint: rgba(255,255,255,.76);
  --mobile-palette-story-outline: rgba(255,255,255,.45);
  --mobile-palette-story-border: rgba(255,255,255,.4);
  --mobile-palette-story-shadow: rgba(0,0,0,.24);
  --mobile-palette-scanner-scrim: rgba(0,0,0,.25);
}
/* @bulk:end */