/* YNS brand tokens for Tailwind v4 – generated (1.0.0 · 2026-10-15). Usage: @import "./tailwind.css"; */
@theme {
  --color-yns-black: #050505;
  --color-yns-ink: #0A0A0A;
  --color-yns-muted: #6B6B6B;
  --color-yns-subtle: #A3A3A3;
  --color-yns-background: #FAFAFA;
  --color-yns-surface: #FFFFFF;
  --color-yns-surface-muted: #F3F3F3;
  --color-yns-surface-strong: #E9E9EA;
  --color-yns-border: #E5E5E5;
  --color-yns-violet: #8D22FD;
  --color-yns-violet-soft: #F3E8FF;
  --color-yns-pink: #FD477B;
  --color-yns-rose: #F4A0A6;
  --color-yns-magenta: #B234F9;
  --color-yns-purple: #9529F6;
  --font-sans: Geist, Helvetica, Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-yns-display: 82px;
  --text-yns-display--line-height: 1;
  --text-yns-display--letter-spacing: -0.03em;
  --text-yns-display--font-weight: 600;
  --text-yns-h1: 56px;
  --text-yns-h1--line-height: 1.05;
  --text-yns-h1--letter-spacing: -0.03em;
  --text-yns-h1--font-weight: 600;
  --text-yns-h2: 40px;
  --text-yns-h2--line-height: 1.25;
  --text-yns-h2--letter-spacing: -0.01em;
  --text-yns-h2--font-weight: 400;
  --text-yns-h3: 20px;
  --text-yns-h3--line-height: 1.4;
  --text-yns-h3--letter-spacing: 0;
  --text-yns-h3--font-weight: 500;
  --text-yns-lead: 18px;
  --text-yns-lead--line-height: 1.55;
  --text-yns-lead--letter-spacing: 0;
  --text-yns-lead--font-weight: 400;
  --text-yns-body: 16px;
  --text-yns-body--line-height: 1.5;
  --text-yns-body--letter-spacing: 0;
  --text-yns-body--font-weight: 400;
  --text-yns-ui: 14px;
  --text-yns-ui--line-height: 1.7;
  --text-yns-ui--letter-spacing: 0;
  --text-yns-ui--font-weight: 500;
  --text-yns-caption: 13px;
  --text-yns-caption--line-height: 1.5;
  --text-yns-caption--letter-spacing: 0;
  --text-yns-caption--font-weight: 400;
  --text-yns-eyebrow: 12px;
  --text-yns-eyebrow--line-height: 1.4;
  --text-yns-eyebrow--letter-spacing: 0.08em;
  --text-yns-eyebrow--font-weight: 500;
  --radius-yns-sm: 10px;
  --radius-yns-md: 14px;
  --radius-yns-lg: 22px;
  --radius-yns-xl: 32px;
  --radius-yns-pill: 9999px;
  --shadow-yns-button: 0 40px 24px rgba(0,0,0,.02), 0 23px 14px rgba(0,0,0,.02), 0 10px 10px rgba(0,0,0,.03), 0 2px 4px rgba(0,0,0,.03), 0 0 0 1px rgba(0,0,0,.05);
  --shadow-yns-glass: 0 18px 50px rgba(36,26,77,.12), 0 3px 10px rgba(0,0,0,.05), inset 0 1.5px 0 #fff;
  --shadow-yns-card: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.04);
  --ease-yns: cubic-bezier(0.22, 1, 0.36, 1);
}

@utility text-yns-gradient {
  background-image: linear-gradient(100deg, #FD477B 0%, #B234F9 55%, #8D22FD 100%);
  background-clip: text;
  color: transparent;
}