:root{
  --font-display:'Bebas Neue',sans-serif;
  --font-body:'Rubik',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;

  --color-accent:#FF7146;
  --color-accent-rgb:255,113,70;

  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:24px;
  --radius-xl:32px;

  --shadow-sm:0 1px 2px rgba(0,0,0,.12);
  --shadow-md:0 4px 16px -2px rgba(0,0,0,.4);
  --shadow-lg:0 12px 40px -8px rgba(0,0,0,.55);

  --container-max:1340px;
  --gutter:clamp(1rem,2vw,2rem);

  --transition-fast:160ms cubic-bezier(.4,0,.2,1);
}

html[data-theme='dark']{
  --color-bg:#000;
  --color-surface:#1E1E1E;
  --color-surface-alt:#111;
  --color-text:#fff;
  --color-text-dim:rgba(255,255,255,.6);
  --color-border:rgba(255,255,255,.12);
  --color-inverse:#000;
}

html[data-theme='light']{
  --color-bg:#f9f9f9;
  --color-surface:#ffffff;
  --color-surface-alt:#f1f3f5;
  --color-text:#1a1a1a;
  --color-text-dim:rgba(0,0,0,.55);
  --color-border:rgba(0,0,0,.12);
  --color-inverse:#fff;
}

body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);}

.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter);}