/* Stelvio Design System tokens (copied from project/_ds/…/tokens). Fonts are loaded in index.html. */
:root{
--indigo-50:oklch(0.97 0.014 275);
--indigo-100:oklch(0.93 0.032 275);
--indigo-200:oklch(0.87 0.06 275);
--indigo-300:oklch(0.79 0.09 275);
--indigo-400:oklch(0.68 0.135 275);
--indigo-500:#6c6fe0;
--indigo-600:oklch(0.46 0.17 275);
--indigo-700:oklch(0.38 0.15 275);
--indigo-800:oklch(0.31 0.12 275);
--indigo-900:oklch(0.24 0.09 275);
--indigo-ink-500:oklch(0.516 0.113 276.9);
--indigo-ink-600:oklch(0.44 0.1 277);
--indigo-ink-700:oklch(0.36 0.085 277);
--gray-0:oklch(1 0 0);
--gray-50:oklch(0.98 0 0);
--gray-100:oklch(0.955 0 0);
--gray-200:oklch(0.91 0 0);
--gray-300:oklch(0.83 0 0);
--gray-400:oklch(0.7 0 0);
--gray-500:oklch(0.56 0 0);
--gray-600:oklch(0.45 0 0);
--gray-700:oklch(0.35 0 0);
--gray-800:oklch(0.25 0 0);
--gray-900:#141414;
--ivory:#f7f7f7;
--teal-500:#31cfcc;
--teal-800:#13a8a5;
--success-500:oklch(0.6 0.14 150);
--success-700:oklch(0.42 0.12 150);
--info-500:oklch(0.62 0.19 255);
--info-700:oklch(0.44 0.17 255);
--warning-500:oklch(0.75 0.15 80);
--warning-700:oklch(0.5 0.13 70);
--danger-500:oklch(0.58 0.19 25);
--danger-700:oklch(0.42 0.16 25);
--color-brand-primary:var(--indigo-500);
--color-brand-primary-hover:var(--indigo-600);
--color-brand-primary-active:var(--indigo-700);
--color-brand-ink:var(--indigo-ink-500);
--color-brand-secondary:var(--teal-500);
--color-brand-secondary-hover:var(--teal-800);
--color-brand-secondary-active:var(--teal-800);
--surface-page:var(--gray-0);
--surface-sunken:var(--ivory);
--surface-card:var(--gray-0);
--surface-inverse:var(--indigo-500);
--surface-tint:var(--indigo-50);
--border-subtle:var(--gray-200);
--border-default:var(--gray-300);
--border-strong:var(--gray-400);
--text-primary:var(--gray-900);
--text-secondary:var(--gray-600);
--text-tertiary:var(--gray-500);
--text-on-brand:var(--gray-0);
--text-link:var(--indigo-600);
--text-link-hover:var(--indigo-700);
--color-success:var(--success-500);
--color-success-text:var(--success-700);
--color-warning:var(--warning-500);
--color-warning-text:var(--warning-700);
--color-danger:var(--danger-500);
--color-danger-text:var(--danger-700);
--color-info:var(--info-500);
--color-info-text:var(--info-700);
}
:root{
--font-display:"Plus Jakarta Sans",-apple-system,"Segoe UI",sans-serif;
--font-body:"Karla",-apple-system,"Segoe UI",sans-serif;
--font-mono:"SFMono-Regular",Menlo,Consolas,monospace;
--font-display-ar:"Noto Sans Arabic","Plus Jakarta Sans",sans-serif;
--font-body-ar:"Noto Sans Arabic","Karla",sans-serif;
--text-xs:12px;
--text-sm:14px;
--text-base:16px;
--text-md:18px;
--text-lg:22px;
--text-xl:28px;
--text-2xl:36px;
--text-3xl:48px;
--text-4xl:64px;
--leading-tight:1.1;
--leading-snug:1.3;
--leading-normal:1.5;
--leading-relaxed:1.65;
--tracking-tight:-0.01em;
--tracking-normal:0;
--tracking-wide:0.04em;
--tracking-wider:0.12em;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
}
[lang="ar"],[dir="rtl"]{--font-display:var(--font-display-ar);--font-body:var(--font-body-ar)}
:root{
--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;
--radius-sm:6px;
--radius-md:10px;
--radius-lg:14px;
--radius-xl:20px;
--radius-full:999px;
--shadow-sm:0 1px 2px rgba(30,32,70,0.06);
--shadow-md:0 4px 12px rgba(30,32,70,0.08);
--shadow-lg:0 12px 32px rgba(30,32,70,0.12);
--shadow-inset:inset 0 1px 2px rgba(30,32,70,0.06);
--container-max:1200px;
--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:320ms; /* @kind other */
}