/* Fionalila design-system tokens (from Claude Design: fionalila-design-system) */
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,75..125,100..900;1,75..125,100..900&family=Archivo+Black&family=Hanken+Grotesk:ital,wght@0,300..800;1,300..800&family=Noto+Sans+KR:wght@400;500;700;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap");

:root{
/* colour bases */
--teal-950:#011a26;--teal-900:#022837;--teal-800:#023747;--teal-700:#024658;--teal-600:#025669;--teal-500:#026579;--teal-400:#0d7f95;--teal-300:#4fa3b3;--teal-200:#a3ccd5;--teal-100:#d7e8ec;--teal-050:#eef6f8;
--pink-900:#6f3b38;--pink-800:#97534f;--pink-700:#b96e69;--pink-600:#cd8681;--pink-500:#e0a8a4;--pink-400:#e9c0bb;--pink-300:#f1d6d1;--pink-200:#f7e7e3;--pink-100:#fbf2ef;--pink-050:#fef8f6;
--sprout-900:#183d2e;--sprout-800:#215240;--sprout-700:#2f7357;--sprout-600:#3e8e6e;--sprout-500:#54a583;--sprout-400:#7bbfa1;--sprout-300:#a8d7c2;--sprout-200:#cfe9de;--sprout-100:#e6f3ed;
--paper:#fdf9f6;--clay-100:#f5efe9;--clay-200:#eae1d9;--clay-300:#d9cec4;--clay-400:#b8aca1;--clay-500:#8d8279;--clay-600:#655d57;--clay-700:#443e3a;--ink:#1c1b1f;--ink-soft:#3a3735;--white:#ffffff;
--amber-500:#c98a2e;--amber-100:#f7ecd8;--rust-600:#b2503a;--rust-100:#f7e3dd;
/* semantic */
--surface-page:var(--paper);--surface-card:var(--white);--surface-sunken:var(--clay-100);--surface-inverse:var(--teal-900);--surface-inverse-soft:var(--teal-800);
--accent-wash:var(--pink-100);--accent-soft:var(--pink-300);--accent:var(--pink-500);--accent-strong:var(--pink-700);--accent-ink:var(--pink-900);--accent-on:var(--teal-900);
--surface-overlay:rgba(2,26,38,.55);--surface-glass:rgba(253,249,246,.72);
--text-display:var(--teal-900);--text-body:var(--ink-soft);--text-muted:var(--clay-500);--text-inverse:var(--paper);--text-inverse-muted:var(--teal-200);--text-link:var(--teal-600);--text-link-hover:var(--pink-700);
--border-hairline:var(--clay-200);--border-strong:var(--clay-300);--border-ink:var(--teal-900);--border-inverse:rgba(253,249,246,.22);
--action-primary:var(--teal-800);--action-primary-hover:var(--teal-700);--action-quiet-hover:var(--clay-100);--focus-ring:var(--sprout-600);
/* type */
--font-display:"Archivo Black","Archivo","Noto Sans KR",system-ui,sans-serif;
--font-core:"Archivo","Noto Sans KR",system-ui,sans-serif;
--font-body:"Hanken Grotesk","Noto Sans KR",system-ui,sans-serif;
--font-hangul:"Noto Sans KR","Hanken Grotesk",sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,monospace;
--text-3xs:11px;--text-2xs:12px;--text-xs:13px;--text-sm:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--text-4xl:48px;--text-5xl:64px;--text-6xl:84px;--text-7xl:112px;
--weight-medium:500;--weight-bold:700;
/* spacing / radii / motion */
--control-h-md:42px;--control-pad-x:20px;--radius-pill:999px;--radius-control:var(--radius-pill);--radius-chip:var(--radius-pill);
--container-wide:1400px;
--ease-out-soft:cubic-bezier(.16,1,.3,1);--dur-fast:140ms;--dur-normal:220ms;
--transition-control:background-color var(--dur-fast) var(--ease-out-soft),color var(--dur-fast) var(--ease-out-soft),border-color var(--dur-fast) var(--ease-out-soft),transform var(--dur-fast) var(--ease-out-soft);
--press-scale:0.97;
}