/* Design-Tokens aus dem Claude-Design-Projekt "Fake Pokémon Kunst" */
@font-face{font-family:'Bungee';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/bungee/v13/N0bU2SZBIuF2PU_ECj7iKY1r.woff2) format('woff2');}
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');}
@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWHBXyIfDnIV7nMKz2c.woff2) format('woff2');}
@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWHBXyIfDnIV7nAKz2c.woff2) format('woff2');}

:root{
/* colors */
--orange-500:#F2761C;--orange-600:#D66313;--orange-100:#FDE6D2;
--green-500:#2FA84F;--green-600:#238740;--green-100:#DBF0E0;
--turquoise-500:#1FB5AC;--turquoise-600:#158D86;--turquoise-100:#D9F2F0;
--ink-900:#1E1E1E;--ink-700:#3A3A3A;--ink-400:#6B6B6B;
--paper-100:#FFF8EC;--paper-200:#F6EDDB;--paper-300:#E4DFD3;
--white:#FFFFFF;
--brand-orange:var(--orange-500);--brand-green:var(--green-500);--brand-turquoise:var(--turquoise-500);
--text-heading:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-400);--text-on-brand:var(--white);
--surface-page:var(--paper-100);--surface-card:var(--white);--surface-sunken:var(--paper-200);
--border-default:var(--ink-900);--border-muted:var(--paper-300);
--type-fire:var(--orange-500);--type-fire-tint:var(--orange-100);
--type-grass:var(--green-500);--type-grass-tint:var(--green-100);
--type-water:var(--turquoise-500);--type-water-tint:var(--turquoise-100);

/* typography */
--font-display:'Bungee',ui-sans-serif,sans-serif;
--font-body:'Rubik',ui-sans-serif,system-ui,sans-serif;
--size-display-xl:56px;--size-display-lg:40px;--size-display-md:28px;
--size-heading:22px;--size-body-lg:18px;--size-body:16px;--size-body-sm:14px;--size-caption:12px;
--lh-tight:1.05;--lh-snug:1.25;--lh-normal:1.5;
--tracking-display:0.5px;--tracking-caption:1.2px;

/* spacing */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;
--container-max:1120px;

/* effects */
--border-width-sm:2px;--border-width-md:3px;--border-width-lg:4px;
--shadow-hard-sm:3px 3px 0 var(--ink-900);
--shadow-hard-md:5px 5px 0 var(--ink-900);
--shadow-hard-lg:8px 8px 0 var(--ink-900);
--shadow-soft:0 6px 16px rgba(30,30,30,0.12);
--ease-pop:cubic-bezier(.34,1.56,.64,1);
--ease-standard:cubic-bezier(.4,0,.2,1);
--duration-fast:120ms;--duration-normal:200ms;
--press-scale:0.96;
}