/**
 * @file Main styles (Tailwind CSS v4)
 *
 * This file contains theme configuration for Tailwind v4 applications.
 * Import this to get the same typography scale and design tokens.
 *
 * IMPORTANT: This uses :root CSS variables (--neutral-20) for external usage.
 * For internal component usage with Tailwind v4 @theme, see generated/main-v4.css.
 */

/* DO NOT MODIFY MANUALLY. This file is auto generated by scripts/generate-styles.js */
:root {
  --neutral-10: #121b21;
  --neutral-15: #1b2832;
  --neutral-20: #243542;
  --neutral-25: #2d4253;
  --neutral-30: #365063;
  --neutral-35: #3e5d74;
  --neutral-40: #476a85;
  --neutral-45: #507795;
  --neutral-50: #5985a6;
  --neutral-55: #6a91af;
  --neutral-60: #7a9db8;
  --neutral-65: #8ba9c1;
  --neutral-70: #9cb6c9;
  --neutral-75: #acc2d2;
  --neutral-80: #bdcedb;
  --neutral-85: #cddae4;
  --neutral-90: #dee7ed;
  --neutral-95: #eef3f6;
  --neutral-97: #f5f8fa;
  --neutral-98: #f8fafb;
  --neutral-100: #ffffff;
  --honey-72: #fad275;
  --honey-75: #fbd784;
  --honey-82: #fce2a6;
  --honey-85: #fce7b5;
  --honey-92: #fef2d8;
  --coral-65: #f37c58;
  --coral-74: #f69e83;
  --coral-75: #f7a288;
  --coral-84: #fac3b3;
  --coral-85: #fac7b7;
  --coral-94: #fde9e2;
  --warm-77: #ffbb8a;
  --warm-87: #ffd8bd;
  --warm-97: #fff6f0;
  --sea-salt-57: #7fa4a4;
  --sea-salt-67: #9db9b9;
  --sea-salt-88: #dbe6e6;
  --cloud-43: #447c97;
  --cloud-75: #a7c7d7;
  --cloud-88: #d5e4ec;
  --ocean-38: #3c6286;
  --ocean-75: #a7c0d7;
  --ocean-88: #d5e1ec;
  --sky-64: #68a5de;
  --sky-75: #96c1e8;
  --sky-85: #c0daf1;
  --lukso-50: #aa5578;
  --lukso-60: #bb7793;
  --lukso-70: #cc99ae;
  --lukso-80: #ddbbc9;
  --lukso-90: #eedde4;
  --yellow-25: #804d00;
  --yellow-55: #ffa31a;
  --yellow-65: #ffb84d;
  --yellow-75: #ffcc80;
  --yellow-85: #ffe0b3;
  --yellow-95: #fff5e5;
  --green-45: #31b452;
  --green-54: #47cd68;
  --green-63: #6bd686;
  --green-75: #9be4ad;
  --green-85: #c3efce;
  --green-95: #ebfaef;
  --blue-40: #0452c8;
  --blue-50: #0567fa;
  --blue-60: #3785fb;
  --blue-75: #82b3fc;
  --blue-85: #b4d1fd;
  --blue-95: #e6f0fe;
  --red-55: #e23636;
  --red-65: #e96363;
  --red-75: #ef8f8f;
  --red-85: #f5bcbc;
  --red-95: #fce9e9;
  --purple-15: #1d202f;
  --purple-18: #232739;
  --purple-31: #3c4262;
  --purple-41: #4f5882;
  --purple-51: #646ea0;
  --purple-58: #7a83ae;
  --purple-63: #8a92b7;
  --purple-82: #c6cadc;
  --purple-94: #ecedf3;
  --pink-90: #f8dad3;
  --pink-91: #f9ddd7;
  --pink-92: #f9e1dc;
  --pink-93: #fae5e0;
  --pink-94: #fbe9e5;
  --pink-95: #fcece9;
  --pink-96: #fcf0ed;
  --pink-97: #fdf4f2;
  --measure-50: #e8178a;
  --measure-70: #f174b9;
  --measure-80: #f6a2d0;
  --measure-97: #fef1f8;
  --grey-10: #1a1a1a;
  --grey-15: #262626;
  --grey-20: #333333;
  --grey-25: #404040;
  --grey-30: #4d4d4d;
  --grey-35: #595959;
  --grey-40: #666666;
  --grey-45: #737373;
  --grey-50: #808080;
  --grey-55: #8c8c8c;
  --grey-60: #999999;
  --grey-65: #a6a6a6;
  --grey-70: #b3b3b3;
  --grey-75: #bfbfbf;
  --grey-80: #cccccc;
  --gradient-1-start: #D39B9D;
  --gradient-1-end: #9071D1;
  --gradient-2-start: #F8DAD3;
  --gradient-2-end: #CC99AE;
  --gradient-3-start: #393e56;
  --gradient-3-end: #646ea0;
}

/* DO NOT MODIFY MANUALLY. This file is auto generated by scripts/generate-styles.js */
@font-face {
  font-family: Inter;
  src: url('/assets/fonts/Inter-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('/assets/fonts/Inter-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('/assets/fonts/Inter-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('/assets/fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('/assets/fonts/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('/assets/fonts/Inter-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PT Mono';
  src: url('/assets/fonts/PT-Mono-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PT Mono';
  src: url('/assets/fonts/PT-Mono-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

:root {
  /* Font families for shadow DOM inheritance */
  --font-inter: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'PT Mono', ui-monospace, monospace;

  /* Font weights for shadow DOM inheritance */
  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;
}


/* Tailwind v4 import - enables all utilities with custom theme */
@import "tailwindcss";
