/* AK Studios design tokens: change brand values here only */

:root{
  /* Brand (Brand Guidelines) */
  --c-black:#070808; --c-white:#FFFFFF; --c-rust:#9F5429; --c-tan:#C09169; --c-peach:#F3DCC4; --c-cream:#F3E9DC;

  /* Type */
  --f-display:"Stack Sans Headline",system-ui,sans-serif;
  --f-ui:"Stack Sans Headline",system-ui,sans-serif;
  --f-sans:"Stack Sans Text",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-xs:.75rem; --fs-sm:.875rem; --fs-md:1rem; --fs-lg:1.2rem;
  --fs-xl:clamp(1.4rem,1.1rem + 1.2vw,2.1rem);
  --fs-2xl:clamp(2.2rem,1.3rem + 3.6vw,4.8rem);
  --fs-3xl:clamp(2.8rem,1.3rem + 6.2vw,7.8rem);

  /* Space */
  --s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;
  --section:clamp(5rem,3rem + 8vw,10rem); --gutter:clamp(1.25rem,.5rem + 3vw,3.5rem); --max:1440px;

  /* Shape + motion */
  --r-sm:10px;--r-md:18px;--r-lg:28px;--r-pill:999px;
  --ease:cubic-bezier(.65,0,.15,1); --ease-out:cubic-bezier(.16,1,.3,1); --spring:cubic-bezier(.34,1.56,.64,1);
}

/* Dark theme (default) */
:root,[data-theme="dark"],.zone-dark{
  --bg:#070808; --bg-2:#0E0F0F; --bg-3:#161717; --ink:#FFFFFF; --ink-rgb:255 255 255; --inv:#070808;
  --muted:rgb(var(--ink-rgb) / .64); --dim:rgb(var(--ink-rgb) / .42);
  --line:rgb(var(--ink-rgb) / .10); --line-2:rgb(var(--ink-rgb) / .2);
  --accent:#9F5429; --accent-ink:#FFFFFF; --glow:#C09169; --em:#D3A47C;
  --card:linear-gradient(180deg,#151616,#0E0F0F);
  --shadow:0 30px 80px -30px rgba(0,0,0,.8);
  --cone:url(#g-cone);
  color-scheme:dark;
}
/* Light theme */
[data-theme="light"]{
  --bg:#F7F3EE; --bg-2:#EFE9E1; --bg-3:#E6DED3; --ink:#0B0C0C; --ink-rgb:11 12 12; --inv:#FFFFFF;
  --muted:rgb(var(--ink-rgb) / .66); --dim:rgb(var(--ink-rgb) / .45);
  --line:rgb(var(--ink-rgb) / .10); --line-2:rgb(var(--ink-rgb) / .2);
  --accent:#9F5429; --accent-ink:#FFFFFF; --glow:#9F5429; --em:#9F5429;
  --card:linear-gradient(180deg,#FFFFFF,#F4EEE7);
  --shadow:0 30px 70px -35px rgba(60,35,20,.35);
  --cone:url(#g-cone-l);
  color-scheme:light;
}
/* Sections that stay dark in both themes (photo heroes, menu, CTA) */
[data-theme="light"] .zone-dark{--cone:url(#g-cone)}

/* Arabic */
html[lang="ar"]{
  --f-display:"Alexandria",system-ui,sans-serif; --f-ui:"Alexandria",system-ui,sans-serif; --f-sans:"Alexandria",system-ui,sans-serif;
}
