/* UXUI design tokens — web representation. Source of truth: tokens.json */
/* Proxima Nova (Mark Simonson, commercial) — uses an installed copy if present; Figtree (Google Fonts) stands in until licensed web files are added */
@font-face{font-family:'Proxima Nova Alt';font-weight:400;src:local('Proxima Nova Alt Regular'),local('ProximaNovaA-Regular'),local('Proxima Nova Alt')}
@font-face{font-family:'Proxima Nova Alt';font-weight:500;src:local('Proxima Nova Alt Medium'),local('ProximaNovaA-Medium')}
@font-face{font-family:'Proxima Nova Alt';font-weight:600;src:local('Proxima Nova Alt Semibold'),local('ProximaNovaA-Semibold')}
@font-face{font-family:'Proxima Nova Alt';font-weight:700;src:local('Proxima Nova Alt Bold'),local('ProximaNovaA-Bold')}
@font-face{font-family:'Proxima Nova Alt';font-weight:800;src:local('Proxima Nova Alt Extrabold'),local('ProximaNovaA-Extrabold')}
@font-face{font-family:'Proxima Nova';font-weight:400;src:local('Proxima Nova Regular'),local('ProximaNova-Regular')}
@font-face{font-family:'Proxima Nova';font-weight:500;src:local('Proxima Nova Medium'),local('ProximaNova-Medium')}
@font-face{font-family:'Proxima Nova';font-weight:600;src:local('Proxima Nova Semibold'),local('ProximaNova-Semibold')}
@font-face{font-family:'Proxima Nova';font-weight:700;src:local('Proxima Nova Bold'),local('ProximaNova-Bold')}
@font-face{font-family:'Proxima Nova';font-weight:800;src:local('Proxima Nova Extrabold'),local('ProximaNova-Extrabld')}
@font-face{font-family:'Gilroy';font-weight:300;src:url('../UXUI Social Content/assets/Gilroy-Light.otf') format('opentype')}
@font-face{font-family:'Gilroy';font-weight:400;src:url('../UXUI Social Content/assets/Gilroy-Regular.otf') format('opentype')}
@font-face{font-family:'Gilroy';font-weight:500;src:url('../UXUI Social Content/assets/Gilroy-Medium.otf') format('opentype')}
@font-face{font-family:'Gilroy';font-weight:600;src:url('../UXUI Social Content/assets/Gilroy-Semibold.otf') format('opentype')}
@font-face{font-family:'Gilroy';font-weight:700;src:url('../UXUI Social Content/assets/Gilroy-Bold.otf') format('opentype')}
@font-face{font-family:'Gilroy';font-weight:800;src:url('../UXUI Social Content/assets/Gilroy-Extrabold.otf') format('opentype')}
:root{
/* ---------- primitives ---------- */
--ink-900:#14171C;--ink-700:#2A2F37;--slate-600:#58616D;--slate-500:#767E89;--slate-400:#8A929C;
--mineral-300:#C7CDD4;--mineral-200:#DDE1E6;--mineral-100:#ECEEF1;--paper:#F6F5F1;--white:#FFFFFF;
--orange-50:#FFF1EB;--orange-100:#FFE0D1;--orange-200:#FFC2A6;--orange-300:#FF9A6B;--orange-500:#FF4B00;--orange-600:#CC3C00;--orange-700:#B83500;--orange-800:#A32F00;--orange-900:#4A1600;
--green-600:#1F7A4D;--green-50:#E7F4EC;--gold-600:#946200;--gold-50:#FBF3DC;--crimson-600:#B42344;--crimson-50:#FBE9ED;--blue-600:#0B63B8;--blue-50:#E6F0FA;
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
--radius-xs:0;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-pill:999px;
--border-1:1px;--border-2:2px;
--motion-duration-fast:150ms;--motion-duration-base:220ms;--motion-duration-slow:300ms;
--motion-ease-standard:cubic-bezier(.2,0,0,1);--motion-ease-exit:cubic-bezier(.4,0,1,1);
--z-base:0;--z-sticky:100;--z-drawer:200;--z-dialog:300;--z-toast:400;
--font-display:'Sora','IBM Plex Sans Arabic',system-ui,sans-serif;
--font-body:'Proxima Nova Alt','Proxima Nova','Figtree','IBM Plex Sans Arabic',system-ui,sans-serif;
--font-arabic:'IBM Plex Sans Arabic',system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;

/* ---------- semantic ---------- */
--color-text-primary:var(--ink-900);--color-text-secondary:var(--slate-600);--color-text-inverse:var(--white);--color-text-link:var(--ink-900);--color-brand:var(--orange-500);
--color-surface-default:var(--paper);--color-surface-raised:var(--white);--color-surface-subtle:var(--mineral-100);--color-surface-inverse:var(--ink-900);
--color-border-decorative:var(--mineral-200);--color-border-interactive:var(--slate-400);--color-border-strong:var(--ink-900);
--color-action-primary:var(--ink-900);--color-action-primary-hover:var(--ink-700);--color-action-primary-pressed:#000000;--color-action-on-primary:var(--white);
--color-focus:var(--ink-900);--color-selected-bg:var(--mineral-100);--color-selected-fg:var(--ink-900);
--color-disabled-bg:var(--mineral-100);--color-disabled-fg:var(--slate-500);
/* AI: the orange Spark means AI. Orange is reserved for the Spark and AI moments */
--color-ai:var(--orange-500);--color-ai-text:var(--orange-700);--color-ai-subtle:var(--orange-50);--color-ai-border:var(--orange-200);--color-ai-strong:var(--orange-800);
--color-status-success:var(--green-600);--color-status-success-bg:var(--green-50);
--color-status-warning:var(--gold-600);--color-status-warning-bg:var(--gold-50);
--color-status-danger:var(--crimson-600);--color-status-danger-bg:var(--crimson-50);
--color-status-info:var(--blue-600);--color-status-info-bg:var(--blue-50);
--elevation-0:none;
--elevation-1:0 0 0 1px rgba(20,23,28,.06),0 1px 2px rgba(20,23,28,.06);
--elevation-2:0 0 0 1px rgba(20,23,28,.05),0 8px 24px -10px rgba(20,23,28,.20);
--elevation-3:0 0 0 1px rgba(20,23,28,.05),0 24px 56px -18px rgba(20,23,28,.30);

/* ---------- component ---------- */
--button-height-sm:36px;--button-height-md:44px;--button-height-lg:52px;--button-radius:var(--radius-sm);
--input-height:48px;--input-radius:var(--radius-sm);
--card-radius:var(--radius-md);--chip-radius:var(--radius-pill);
--focus-ring:0 0 0 2px var(--white),0 0 0 4px var(--color-focus);
--container-max:1240px;--text-measure:68ch;
}
/* product themes: change accent only — behaviour, sizes and semantics stay shared */
[data-theme="filsa"]{--color-action-primary:#0F7B6C;--color-action-primary-hover:#0B6457;--color-action-primary-pressed:#084D43;--color-focus:#0F7B6C;--color-selected-bg:#E3F3F0;--color-selected-fg:#084D43;--color-text-link:#0B6457}
[data-theme="tanbeeh"]{--color-action-primary:#6C3FA6;--color-action-primary-hover:#5A3290;--color-action-primary-pressed:#4A2D7A;--color-focus:#6C3FA6;--color-selected-bg:#EFEAFA;--color-selected-fg:#4A2D7A;--color-text-link:#5A3290}
[data-theme="ansaby"]{--color-action-primary:#3C5BA9;--color-action-primary-hover:#34539E;--color-action-primary-pressed:#2B4583;--color-focus:#3C5BA9;--color-selected-bg:#ECEFF8;--color-selected-fg:#2B4583;--color-text-link:#34539E}
@media (prefers-reduced-motion:reduce){:root{--motion-duration-fast:0ms;--motion-duration-base:0ms;--motion-duration-slow:0ms}}