/* TalkHero Design System — tokens (colors, typography, spacing, effects) */
/* Generado desde 'TalkHero Design System/tokens/'. No editar a mano. */
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&display=swap");

:root{
/* Base — sampled from provided brand assets */
--navy-900:#181B47;--navy-800:#262A67;--navy-700:#343070;--navy-600:#3F3F8A;
--pink-200:#FDC9FA;--pink-300:#FB8BF7;--pink-400:#EE6FE8;--pink-500:#D953D2;
--violet-700:#391954;--violet-600:#4B237B;--violet-500:#6A3FA8;--purple-400:#8261A9;--lavender-300:#C3A9FA;--lavender-100:#EFE9FB;--lavender-50:#F8F5FE;
--gray-0:#FFFFFF;--gray-50:#F7F7FB;--gray-100:#EFEFF6;--gray-200:#E2E2EE;--gray-300:#CFCFE0;--gray-400:#A6A6BF;--gray-500:#80809C;--gray-600:#5C5C78;--gray-700:#43435C;--ink:#1D1F3B;
--success:#2E9E6B;--success-bg:#E7F6EF;--warning:#C97F16;--warning-bg:#FBF1DF;--danger:#DC4860;--danger-bg:#FCEAED;--info:#6A3FA8;--info-bg:#EFE9FB;
/* Semantic */
--text-primary:var(--ink);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-inverse:#FFFFFF;--text-brand:var(--navy-800);--text-accent:var(--pink-500);
--surface-page:var(--gray-0);--surface-subtle:var(--gray-50);--surface-card:var(--gray-0);--surface-raised:var(--gray-0);--surface-inverse:var(--navy-800);--surface-accent:var(--pink-300);--surface-accent-soft:#FEF0FD;--surface-lavender:var(--lavender-50);
--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-focus:var(--navy-600);
--interactive-primary:var(--navy-800);--interactive-primary-hover:var(--navy-700);--interactive-primary-active:var(--navy-900);--interactive-accent:var(--pink-300);--interactive-accent-hover:var(--pink-200);--interactive-accent-active:var(--pink-400);
--link:var(--navy-700);--link-hover:var(--violet-500);
}

:root{
--font-sans:"Figtree",-apple-system,"SF Pro Display","Helvetica Neue",sans-serif;
--font-mono:ui-monospace,"SF Mono","Menlo",monospace;
/* Scale — Apple-flavored: big light display, tight tracking */
--text-display-xl:64px;--text-display:48px;--text-h1:34px;--text-h2:26px;--text-h3:20px;--text-body-lg:17px;--text-body:15px;--text-caption:13px;--text-micro:11px;
--leading-display:1.05;--leading-heading:1.15;--leading-body:1.5;
--tracking-display:-0.03em;--tracking-heading:-0.02em;--tracking-body:-0.006em;--tracking-caps:0.08em;
--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;
}
body{font-family:var(--font-sans);color:var(--text-primary);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased;}
a{color:var(--link);text-decoration:none;}
a:hover{color:var(--link-hover);}

:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
/* Radii — soft, bubble-derived */
--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-bubble:20px;--radius-pill:999px;
--container-max:1120px;--sidebar-w:264px;
}

:root{
--shadow-xs:0 1px 2px rgba(29,31,59,0.06);
--shadow-sm:0 2px 8px rgba(29,31,59,0.07);
--shadow-md:0 8px 24px rgba(29,31,59,0.10);
--shadow-lg:0 20px 48px rgba(29,31,59,0.16);
--shadow-focus:0 0 0 3px rgba(63,63,138,0.25);
--shadow-focus-accent:0 0 0 3px rgba(251,139,247,0.4);
--ease-out:cubic-bezier(0.22,1,0.36,1);/* @kind other */
--ease-inout:cubic-bezier(0.65,0,0.35,1);/* @kind other */
--dur-fast:120ms;/* @kind other */
--dur-base:200ms;/* @kind other */
--dur-slow:350ms;/* @kind other */
--blur-glass:saturate(1.4) blur(18px);/* @kind other */
}