:root {
	--color-paper: oklch(96% 0.012 145);
	--color-paper-2: oklch(98% 0.008 145);
	--color-ink: oklch(17% 0.014 150);
	--color-ink-2: oklch(29% 0.016 150);
	--color-muted: oklch(43% 0.014 150);
	--color-neutral: oklch(58% 0.014 150);
	--color-rule: oklch(82% 0.014 145);
	--color-rule-dark: oklch(32% 0.016 150);
	--color-accent: oklch(69% 0.17 145);
	--color-accent-dark: oklch(42% 0.13 145);
	--color-accent-soft: oklch(91% 0.045 145);
	--color-accent-ink: oklch(17% 0.014 150);
	--color-focus: oklch(57% 0.2 145);
	--color-error: oklch(52% 0.19 28);
	--color-on-dark: oklch(96% 0.012 145);
	--color-on-dark-muted: oklch(78% 0.016 145);

	--font-zad: "Zad", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, "Noto Sans Arabic", sans-serif;
	--font-display: var(--font-zad);
	--font-body: var(--font-zad);

	--space-3xs: .125rem;
	--space-2xs: .25rem;
	--space-xs: .5rem;
	--space-sm: .75rem;
	--space-md: 1rem;
	--space-lg: 1.5rem;
	--space-xl: 2.5rem;
	--space-2xl: 4rem;
	--space-3xl: 6rem;

	--text-xs: .75rem;
	--text-sm: .875rem;
	--text-md: 1rem;
	--text-lg: 1.25rem;
	--text-xl: 1.75rem;
	--text-2xl: 2.5rem;
	--text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);

	--ease-out: cubic-bezier(.16, 1, .3, 1);
	--ease-in: cubic-bezier(.7, 0, .84, 0);
	--ease-in-out: cubic-bezier(.65, 0, .35, 1);
	--dur-micro: 120ms;
	--dur-short: 220ms;

	--rule-hair: 1px;
	--rule-heavy: 3px;
	--radius-card: 0;
	--radius-control: 0;
	--radius-input: 0;
}