/* tokens/colors.css */
:root{
--color-pink:#FF007D;
--color-black:#0C0B0A;
--color-cream:#FFFCEC;
--color-mint:#41EAD4;
--color-white:#FFFFFF;
--gray-90:#1A1918;
--gray-70:#3D3B39;
--gray-50:#6B6863;
--gray-30:#A6A29A;
--gray-15:#D8D4C8;
--gray-05:#F4F1E4;
--surface-page:var(--color-cream);
--surface-page-alt:var(--color-white);
--surface-inverse:var(--color-black);
--surface-accent:var(--color-pink);
--surface-accent-secondary:var(--color-mint);
--surface-card-inverse:var(--gray-90);
--text-primary:var(--color-black);
--text-secondary:var(--gray-70);
--text-inverse:var(--color-white);
--text-inverse-muted:var(--gray-15);
--text-accent:var(--color-pink);
--text-accent-secondary:var(--color-mint);
--border-default:var(--color-black);
--border-inverse:var(--color-white);
--border-muted:var(--gray-15);
--link-color:var(--color-pink);
--link-hover-color:var(--color-black);
}
/* tokens/typography.css */
:root{
--font-headline:'Stack Sans Headline',system-ui,'Helvetica Neue',Arial,sans-serif;
--font-body:'Stack Sans Headline',system-ui,'Helvetica Neue',Arial,sans-serif;
--weight-light:300;
--weight-regular:400;
--weight-bold:700;
--weight-black:800;
--display-1-size:6.5rem;
--display-1-line:0.98; /* @kind other */
--display-2-size:4.5rem;
--display-2-line:1.0; /* @kind other */
--heading-1-size:3rem;
--heading-1-line:1.05; /* @kind other */
--heading-2-size:2.25rem;
--heading-2-line:1.1; /* @kind other */
--heading-3-size:1.5rem;
--heading-3-line:1.2; /* @kind other */
--body-lg-size:1.25rem;
--body-lg-line:1.5; /* @kind other */
--body-size:1.0625rem;
--body-line:1.6; /* @kind other */
--small-size:0.9375rem;
--small-line:1.5; /* @kind other */
--label-size:0.8125rem;
--label-line:1.2; /* @kind other */
--label-tracking:0.08em;
--display-tracking:-0.01em;
}
/* tokens/spacing.css */
:root{
--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;
--space-10:128px;
--space-11:160px;
--container-max:1280px;
--container-pad:var(--space-5);
}
/* tokens/effects.css */
:root{
--radius-none:0px;
--radius-control:0px;
--shadow-none:none;
--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--border-width:2px; /* @kind other */
--border-width-thick:3px; /* @kind other */
}
/* styles.css */
@import "tokens/colors.css";

@import "tokens/typography.css";
@import "tokens/spacing.css";
@import "tokens/effects.css";