/* ==========================================================================
   Derech design tokens: "הגורילה שבמטבח" visual language
   Warm painted kitchen: cream paper, deep teal cabinets, terracotta pots,
   mustard sunlight, sage leaves, sky & peach speech bubbles.
   ========================================================================== */

:root {
	/* Palette */
	--dk-cream: #FBF4E8;
	--dk-cream-2: #F5EAD6;
	--dk-paper: #FFFDF8;
	--dk-sand: #EADBC2;
	--dk-ink: #2A2420;
	--dk-ink-2: #4A403A;
	--dk-muted: #6F6259;
	--dk-line: #E9DDCB;
	--dk-line-2: #DCCBB2;

	--dk-teal: #1F4D4A;
	--dk-teal-600: #2B6460;
	--dk-teal-400: #4E8A84;
	--dk-teal-100: #D9EAE6;
	--dk-teal-50: #EDF5F2;

	--dk-clay: #C8572B;
	--dk-clay-600: #A9431C;
	--dk-clay-400: #DE7A50;
	--dk-clay-100: #F9DDCF;
	--dk-clay-50: #FDF0E9;

	--dk-mustard: #E3A835;
	--dk-mustard-600: #C08A1E;
	--dk-mustard-100: #FBEBC6;

	--dk-sage: #A7BC9C;
	--dk-sage-600: #6F8C62;
	--dk-sage-100: #E5EEDF;
	--dk-moss: #5F7F4E;

	--dk-sky: #DDEDF1;
	--dk-sky-600: #6FA3B3;
	--dk-peach: #FCE3CC;
	--dk-blush: #F6D3C4;
	--dk-banana: #F6C945;

	--dk-success: #3E8E5E;
	--dk-warn: #D9921C;
	--dk-danger: #C43D2F;

	/* Semantic */
	--dk-bg: var(--dk-cream);
	--dk-surface: var(--dk-paper);
	--dk-text: var(--dk-ink);
	--dk-text-soft: var(--dk-ink-2);
	--dk-primary: var(--dk-clay);
	--dk-primary-hover: var(--dk-clay-600);
	--dk-secondary: var(--dk-teal);
	--dk-focus: #E3A83599;

	/* Type */
	--dk-font-display: 'Rubik', 'Heebo', system-ui, sans-serif;
	--dk-font-body: 'Heebo', 'Rubik', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
	--dk-fs-xs: .75rem;
	--dk-fs-sm: .875rem;
	--dk-fs-md: 1rem;
	--dk-fs-lg: 1.125rem;
	--dk-fs-xl: 1.375rem;
	--dk-fs-2xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
	--dk-fs-3xl: clamp(1.9rem, 1.4rem + 2.2vw, 2.9rem);
	--dk-fs-4xl: clamp(2.3rem, 1.5rem + 3.6vw, 4.2rem);
	--dk-lh-tight: 1.15;
	--dk-lh: 1.6;

	/* Shape */
	--dk-r-xs: 8px;
	--dk-r-sm: 12px;
	--dk-r: 18px;
	--dk-r-lg: 26px;
	--dk-r-xl: 36px;
	--dk-r-pill: 999px;
	--dk-blob: 58% 42% 55% 45% / 47% 52% 48% 53%;

	/* Depth (warm, never grey) */
	--dk-shadow-xs: 0 1px 2px rgba(74, 52, 30, .08);
	--dk-shadow-sm: 0 2px 6px rgba(74, 52, 30, .08), 0 1px 2px rgba(74, 52, 30, .06);
	--dk-shadow: 0 10px 24px -10px rgba(74, 52, 30, .22), 0 2px 6px rgba(74, 52, 30, .06);
	--dk-shadow-lg: 0 24px 48px -18px rgba(74, 52, 30, .32), 0 4px 12px rgba(74, 52, 30, .08);
	--dk-shadow-pop: 0 6px 0 0 var(--dk-clay-600);
	--dk-ring: 0 0 0 4px var(--dk-focus);

	/* Space */
	--dk-gap-xs: .35rem;
	--dk-gap-sm: .6rem;
	--dk-gap: 1rem;
	--dk-gap-lg: 1.5rem;
	--dk-gap-xl: 2.5rem;
	--dk-gutter: clamp(16px, 4vw, 32px);

	/* App chrome */
	--dk-header-h: 64px;
	--dk-bottom-nav-h: 68px;
	--dk-safe-bottom: env(safe-area-inset-bottom, 0px);

	/* Motion */
	--dk-ease: cubic-bezier(.22, 1, .36, 1);
	--dk-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);
	--dk-dur: .22s;

	/* Textures */
	--dk-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .33 0 0 0 0 .2 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	--dk-swoosh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11 C 40 4, 90 3, 130 6 S 185 10, 197 6' fill='none' stroke='%23E3A835' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");
	--dk-squiggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M2 6 q 7 -6 14 0 t 14 0 t 14 0 t 14 0 t 14 0 t 14 0 t 14 0 t 14 0' fill='none' stroke='%23A7BC9C' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

@media (prefers-reduced-motion: reduce) {
	:root { --dk-dur: 0s; }
}