/* Kraken Tailwind CSS v4 theme */
@theme {
  --color-color-1: #7132f5;
  --color-color-2: #5741d8;
  --color-color-3: #5b1ecf;
  --color-purple-subtle: rgba(133,91,251,0.16);
  --color-near-black: #101114;
  --color-cool-gray: #686b82;
  --color-silver-blue: #9497a9;
  --color-white: #ffffff;
  --color-border-gray: #dedee5;
  --color-green: #149e61;
  --color-green-dark: #026b3f;
  --color-color-12: rgba(148,151,169,0.08);
  --color-color-13: rgba(20,158,97,0.16);
  --color-color-14: rgba(104,107,130,0.12);
  --color-color-15: #484b5e;
  --font-primary: 'Kraken-Brand', system-ui, sans-serif;
  --font-family-2: 'Kraken-Product', system-ui, sans-serif;
  --text-display-hero: 48px;
  --leading-display-hero: 1.17;
  --tracking-display-hero: -1px;
  --text-section-heading: 36px;
  --leading-section-heading: 1.22;
  --tracking-section-heading: -0.5px;
  --text-sub-heading: 28px;
  --leading-sub-heading: 1.29;
  --tracking-sub-heading: -0.5px;
  --text-feature-title: 22px;
  --leading-feature-title: 1.20;
  --tracking-feature-title: 0;
  --text-body: 16px;
  --leading-body: 1.38;
  --tracking-body: 0;
  --text-body-medium: 16px;
  --leading-body-medium: 1.38;
  --tracking-body-medium: 0;
  --text-button: 16px;
  --leading-button: 1.38;
  --tracking-button: 0;
  --text-caption: 14px;
  --leading-caption: 1.5;
  --tracking-caption: 0;
  --text-small: 12px;
  --leading-small: 1.33;
  --tracking-small: 0;
  --text-micro: 7px;
  --leading-micro: 1.00;
  --tracking-micro: 0;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-48: 48px;
  --radius-sm: 2px;
  --radius-md: 0px;
  --radius-lg: 9px;
  --radius-xl: 6px;
}