/* Umra UI kit tokens — generated by scripts/tokens.mjs from app/globals.css and tokens/scale.json; do not edit. */


/* Without data-app the dashboard look in kun applies; set <html data-app="crm|dashboard|market" data-tema="kun|tun">. */

:root {
  --color-brand-blue-dark: #003a2c;
  --color-brand-blue: #00583f;
  --color-brand-blue-soft: #e6eee5;
  --color-brand-pink: #8a641e;
  --color-gold: #c79a3c;
  --color-ink: #24352d;
  --color-ink-2: #435447;
  --color-ink-3: #626d62;
  --color-ground: #f7f5ef;
  --color-panel: #fffefa;
  --color-panel-2: #f0ede5;
  --color-line: #dedacf;
  --color-line-2: #788575;
  --color-ok: #15803d;
  --color-ok-soft: #ecfdf3;
  --color-warn: #b45309;
  --color-warn-soft: #fdf6e7;
  --color-crit: #c2262a;
  --color-crit-soft: #fdefef;
  --color-info: #1d4ed8;
  --color-info-soft: #eef3ff;
  --color-danger: #c2262a;
  --color-side: #173f33;
  --color-on-brand: #ffffff;
  --font-sans: 'Inter', 'Noto Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Noto Sans Arabic', ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-base: 12px;
  --radius-lg: 14px;
  --space-0: 0rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --text-page-title: 1.625rem;
  --text-page-title--line-height: 1.15;
  --text-page-title--font-weight: 800;
  --text-section-title: 1.25rem;
  --text-section-title--line-height: 1.3;
  --text-section-title--font-weight: 700;
  --text-dialog-title: 1rem;
  --text-dialog-title--line-height: 1.35;
  --text-dialog-title--font-weight: 700;
  --text-body: 0.9375rem;
  --text-body--line-height: 1.55;
  --text-body--font-weight: 400;
  --text-button: 0.9375rem;
  --text-button--line-height: 1.4;
  --text-button--font-weight: 700;
  --text-cell: 0.84375rem;
  --text-cell--line-height: 1.45;
  --text-cell--font-weight: 400;
  --text-hint: 0.78125rem;
  --text-hint--line-height: 1.4;
  --text-hint--font-weight: 400;
  --text-label: 0.71875rem;
  --text-label--line-height: 1.3;
  --text-label--font-weight: 700;
  --text-tooltip: 0.75rem;
  --text-tooltip--line-height: 1.3;
  --text-tooltip--font-weight: 600;
  --shadow-card: 0 1px 2px rgb(16 24 64 / .04);
  --shadow-button: 0 6px 20px -10px var(--color-brand-blue);
  --shadow-popover: 0 18px 40px -16px rgb(11 39 99 / .45);
  --shadow-dialog: 0 30px 60px -30px rgb(0 0 0 / .45);
  --shadow-focus: 0 0 0 3px color-mix(in oklch, var(--color-brand-blue) 18%, transparent);
  --duration-instant: 80ms;
  --duration-fast: 120ms;
  --duration-base: 150ms;
  --duration-drawer: 200ms;
  --duration-press: 160ms;
  --duration-open: 260ms;
  --duration-toast: 380ms;
  --duration-appear: 480ms;
  --duration-count: 900ms;
  --ease-standard: ease;
  --ease-drawer: cubic-bezier(.16, 1, .3, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --size-touch: 44px;
  --size-control: 40px;
  --size-control-dense: 36px;
  --size-side-menu-item: 32px;
  --size-top-bar: 56px;
  --size-side-menu: 248px;
}

:root[data-app='crm'][data-tema='kun'], :root[data-app='crm']:not([data-tema]) {
  --color-brand-blue-dark: #003a2c;
  --color-brand-blue: #00583f;
  --color-brand-blue-soft: #e6eee5;
  --color-brand-pink: #8a641e;
  --color-gold: #c79a3c;
  --color-ink: #24352d;
  --color-ink-2: #435447;
  --color-ink-3: #626d62;
  --color-ground: #f7f5ef;
  --color-panel: #fffefa;
  --color-panel-2: #f0ede5;
  --color-line: #dedacf;
  --color-line-2: #788575;
  --color-ok: #15803d;
  --color-ok-soft: #ecfdf3;
  --color-warn: #b45309;
  --color-warn-soft: #fdf6e7;
  --color-crit: #c2262a;
  --color-crit-soft: #fdefef;
  --color-info: #1d4ed8;
  --color-info-soft: #eef3ff;
  --color-danger: #c2262a;
  --color-side: #173f33;
  --color-on-brand: #ffffff;
  --font-sans: 'Inter', 'Noto Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Noto Sans Arabic', ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-base: 12px;
  --radius-lg: 16px;
}

:root[data-app='crm'][data-tema='tun'] {
  --color-brand-blue-dark: #9be1c2;
  --color-brand-blue: #73d0ab;
  --color-brand-blue-soft: #284335;
  --color-brand-pink: #e2b65f;
  --color-gold: #e2b65f;
  --color-ink: #f1f1e8;
  --color-ink-2: #d0d9d0;
  --color-ink-3: #b1bdb3;
  --color-ground: #101916;
  --color-panel: #19251f;
  --color-panel-2: #22312a;
  --color-line: #35463c;
  --color-line-2: #72897a;
  --color-ok: #4ade80;
  --color-ok-soft: #164a30;
  --color-warn: #f5b83d;
  --color-warn-soft: #3d3718;
  --color-crit: #ff8a8a;
  --color-crit-soft: #4a2a2c;
  --color-info: #8fb3ff;
  --color-info-soft: #1d3a52;
  --color-danger: #ff8a8a;
  --color-side: #12221b;
  --color-on-brand: #052d24;
  --font-sans: 'Inter', 'Noto Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Noto Sans Arabic', ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-base: 12px;
  --radius-lg: 16px;
}

:root[data-app='dashboard'][data-tema='kun'], :root[data-app='dashboard']:not([data-tema]) {
  --color-brand-blue-dark: #003a2c;
  --color-brand-blue: #00583f;
  --color-brand-blue-soft: #e6eee5;
  --color-brand-pink: #8a641e;
  --color-gold: #c79a3c;
  --color-ink: #24352d;
  --color-ink-2: #435447;
  --color-ink-3: #626d62;
  --color-ground: #f7f5ef;
  --color-panel: #fffefa;
  --color-panel-2: #f0ede5;
  --color-line: #dedacf;
  --color-line-2: #788575;
  --color-ok: #15803d;
  --color-ok-soft: #ecfdf3;
  --color-warn: #b45309;
  --color-warn-soft: #fdf6e7;
  --color-crit: #c2262a;
  --color-crit-soft: #fdefef;
  --color-info: #1d4ed8;
  --color-info-soft: #eef3ff;
  --color-danger: #c2262a;
  --color-side: #173f33;
  --color-on-brand: #ffffff;
  --font-sans: 'Inter', 'Noto Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Noto Sans Arabic', ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-base: 12px;
  --radius-lg: 14px;
}

:root[data-app='dashboard'][data-tema='tun'] {
  --color-brand-blue-dark: #9be1c2;
  --color-brand-blue: #73d0ab;
  --color-brand-blue-soft: #284335;
  --color-brand-pink: #e2b65f;
  --color-gold: #e2b65f;
  --color-ink: #f1f1e8;
  --color-ink-2: #d0d9d0;
  --color-ink-3: #b1bdb3;
  --color-ground: #101916;
  --color-panel: #19251f;
  --color-panel-2: #22312a;
  --color-line: #35463c;
  --color-line-2: #72897a;
  --color-ok: #4ade80;
  --color-ok-soft: #164a30;
  --color-warn: #f5b83d;
  --color-warn-soft: #3d3718;
  --color-crit: #ff8a8a;
  --color-crit-soft: #4a2a2c;
  --color-info: #8fb3ff;
  --color-info-soft: #1d3a52;
  --color-danger: #ff8a8a;
  --color-side: #12221b;
  --color-on-brand: #052d24;
  --font-sans: 'Inter', 'Noto Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Noto Sans Arabic', ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-base: 12px;
  --radius-lg: 14px;
}

:root[data-app='market'][data-tema='kun'], :root[data-app='market']:not([data-tema]) {
  --color-brand-blue-dark: #003a2c;
  --color-brand-blue: #00583f;
  --color-brand-blue-soft: #e6eee5;
  --color-brand-pink: #8a641e;
  --color-gold: #c79a3c;
  --color-ink: #24352d;
  --color-ink-2: #435447;
  --color-ink-3: #626d62;
  --color-ground: #f7f5ef;
  --color-panel: #fffefa;
  --color-panel-2: #f0ede5;
  --color-line: #dedacf;
  --color-line-2: #788575;
  --color-ok: #15803d;
  --color-ok-soft: #ecfdf3;
  --color-warn: #b45309;
  --color-warn-soft: #fdf6e7;
  --color-crit: #c2262a;
  --color-crit-soft: #fdefef;
  --color-info: #1d4ed8;
  --color-info-soft: #eef3ff;
  --color-danger: #c2262a;
  --color-side: #173f33;
  --color-on-brand: #ffffff;
  --font-sans: 'Inter', 'Noto Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Noto Sans Arabic', ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-base: 12px;
  --radius-lg: 16px;
}

:root[data-app='market'][data-tema='tun'] {
  --color-brand-blue-dark: #9be1c2;
  --color-brand-blue: #73d0ab;
  --color-brand-blue-soft: #284335;
  --color-brand-pink: #e2b65f;
  --color-gold: #e2b65f;
  --color-ink: #f1f1e8;
  --color-ink-2: #d0d9d0;
  --color-ink-3: #b1bdb3;
  --color-ground: #101916;
  --color-panel: #19251f;
  --color-panel-2: #22312a;
  --color-line: #35463c;
  --color-line-2: #72897a;
  --color-ok: #4ade80;
  --color-ok-soft: #164a30;
  --color-warn: #f5b83d;
  --color-warn-soft: #3d3718;
  --color-crit: #ff8a8a;
  --color-crit-soft: #4a2a2c;
  --color-info: #8fb3ff;
  --color-info-soft: #1d3a52;
  --color-danger: #ff8a8a;
  --color-side: #12221b;
  --color-on-brand: #052d24;
  --font-sans: 'Inter', 'Noto Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Noto Sans Arabic', ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-base: 12px;
  --radius-lg: 16px;
}

:root[data-tema='tun']:not([data-app]) {
  --color-brand-blue-dark: #9be1c2;
  --color-brand-blue: #73d0ab;
  --color-brand-blue-soft: #284335;
  --color-brand-pink: #e2b65f;
  --color-gold: #e2b65f;
  --color-ink: #f1f1e8;
  --color-ink-2: #d0d9d0;
  --color-ink-3: #b1bdb3;
  --color-ground: #101916;
  --color-panel: #19251f;
  --color-panel-2: #22312a;
  --color-line: #35463c;
  --color-line-2: #72897a;
  --color-ok: #4ade80;
  --color-ok-soft: #164a30;
  --color-warn: #f5b83d;
  --color-warn-soft: #3d3718;
  --color-crit: #ff8a8a;
  --color-crit-soft: #4a2a2c;
  --color-info: #8fb3ff;
  --color-info-soft: #1d3a52;
  --color-danger: #ff8a8a;
  --color-side: #12221b;
  --color-on-brand: #052d24;
  --font-sans: 'Inter', 'Noto Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Noto Sans Arabic', ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-base: 12px;
  --radius-lg: 14px;
}