:root{--color-brand-50:#F5F8FF;--color-brand-100:#E6EEFF;--color-brand-200:#C2D9FF;--color-brand-300:#96BEFF;--color-brand-400:#5F9EFF;--color-brand-500:#2E7DFF;--color-brand-600:#0E63E6;--color-brand-700:#084DB4;--color-brand-800:#063D8C;--color-brand-900:#04295C;--color-secondary-500:#1EAD95;--color-highlight-500:#FFAD0A;--gray-50:#F9FAFB;--gray-100:#F2F4F7;--gray-200:#E4E7EC;--gray-300:#D0D5DD;--gray-400:#98A2B3;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#1D2939;--gray-900:#101828;--radius-xs:4px;--radius-sm:6px;--radius-base:8px;--radius-lg:12px;--radius-xl:16px;--type-display-size:2.5rem;--type-display-line:1.1;--type-display-weight:700;--type-h1-size:2rem;--type-h1-line:1.15;--type-h1-weight:700;--type-h2-size:1.5rem;--type-h2-line:1.2;--type-h2-weight:600;--type-h3-size:1.25rem;--type-h3-line:1.25;--type-h3-weight:600;--type-h4-size:1.125rem;--type-h4-line:1.3;--type-h4-weight:600;--type-body-size:1rem;--type-body-line:1.55;--type-body-weight:400;--type-bodySm-size:.875rem;--type-bodySm-line:1.45;--type-bodySm-weight:400;--type-caption-size:.75rem;--type-caption-line:1.2;--type-caption-weight:500;--type-overline-size:.625rem;--type-overline-line:1.1;--type-overline-weight:600;--type-overline-letter:0.05em;--elevation-1:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1);--elevation-2:0 2px 4px -2px rgba(16,24,40,.06),0 4px 8px -2px rgba(16,24,40,.1);--elevation-3:0 4px 6px -2px rgba(16,24,40,.05),0 12px 16px -4px rgba(16,24,40,.08);--elevation-4:0 8px 10px -6px rgba(16,24,40,.05),0 20px 24px -4px rgba(16,24,40,.08);--color-brand:var(--color-brand-500);--color-brand-hover:var(--color-brand-600);--color-brand-active:var(--color-brand-700);--color-surface:#ffffff;--color-surface-alt:var(--gray-50);--color-border-subtle:var(--gray-200);--color-border-strong:var(--gray-300);--color-text:var(--gray-800);--color-text-muted:var(--gray-600);--focus-ring:#2563eb;--color-primary:#2563eb;--color-primary-light:#60a5fa;--color-primary-dark:#1e40af;--color-primary-foreground:#ffffff;--color-accent:#9333ea;--color-accent-light:#a855f7;--color-accent-dark:#7e22ce;--color-secondary:var(--color-secondary-500);--color-secondary-light:#3DD5BB;--color-secondary-dark:#178C7A;--color-foreground:var(--color-text);--color-background:#ffffff;--color-tropical:var(--color-secondary-500);--color-palm:#10b981;--color-sun:var(--color-highlight-500)}.typography-h1{font-size:var(--type-h1-size);line-height:var(--type-h1-line);font-weight:var(--type-h1-weight);letter-spacing:-.01em}.typography-h2{font-size:var(--type-h2-size);line-height:var(--type-h2-line);font-weight:var(--type-h2-weight)}.typography-h3{font-size:var(--type-h3-size);line-height:var(--type-h3-line);font-weight:var(--type-h3-weight)}.typography-body{font-size:var(--type-body-size);line-height:var(--type-body-line)}.typography-caption{font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:var(--type-caption-weight)}.token-card-demo{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-base);box-shadow:var(--elevation-1);padding:16px}