/* uicraft theme "editorial" — flat CSS custom properties.
 * Auto-generated by scripts/build-theme-exports.mjs — do not edit manually.
 * Colors are HSL triplets: consume as hsl(var(--token)) / hsl(var(--token) / 0.5).
 * Load the theme font yourself: 'Source Serif 4', Georgia, serif
 */

:root {
  --font-family-base: 'Source Serif 4', Georgia, serif;
  --radius-sm: 0.375rem;
  --radius-lg: 0.75rem;
  --radius-xl: 0.875rem;
  --radius-2xl: 1.125rem;
  --radius-3xl: 1.375rem;
  --radius-4xl: 1.625rem;
  --border-width-none: 0px;
  --border-width-thin: 0.5px;
  --border-width-default: 1px;
  --border-width-medium: 1.5px;
  --border-width-thick: 2px;
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-18: 4.5rem;
  --spacing-20: 5rem;
  --spacing-22: 5.5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --spacing-0_5: 0.125rem;
  --spacing-1_5: 0.375rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;
  --font-size-8xl: 6rem;
  --font-size-9xl: 8rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-loose: 1.75;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-default: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-drawer: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
  --transition-fast: 150ms ease;
  --transition-normal: 200ms ease;
  --transition-slow: 300ms ease;
  --intent-success: var(--success-primary);
  --intent-warning: var(--warning-primary);
  --intent-danger: var(--error-primary);
  --intent-info: var(--info-primary);
  --generic-white: 0 0% 100%;
  --generic-black: 0 0% 0%;
  --mains-primary: 26 14% 16%;
  --mains-secondary: 26 10% 28%;
  --mains-tertiary: 27 8% 44%;
  --mains-quaternary: 28 6% 55%;
  --surfaces-background: 36 30% 97%;
  --surfaces-surface: 38 30% 99%;
  --surfaces-subtle: 36 26% 95%;
  --surfaces-moderate: 35 24% 93%;
  --surfaces-contrast: 34 18% 88%;
  --border-default: 34 16% 86%;
  --border-strong: 31 14% 72%;
  --border-focus: 211 74% 45%;
  --accents-brand: 213 87% 49%;
  --success-primary: 155 58% 34%;
  --success-background: 153 40% 90%;
  --success-border: 155 46% 76%;
  --warning-primary: 28 80% 49%;
  --warning-background: 34 100% 95%;
  --warning-border: 28 64% 76%;
  --error-primary: 3 68% 52%;
  --error-background: 0 100% 96%;
  --error-border: 3 54% 76%;
  --info-primary: 211 74% 45%;
  --info-background: 212 100% 94%;
  --info-border: 211 59% 76%;
  --brand-50: 213 40% 93%;
  --brand-100: 213 50% 87%;
  --brand-200: 213 60% 78%;
  --brand-300: 213 70% 68%;
  --brand-400: 213 80% 58%;
  --brand-500: 213 87% 49%;
  --brand-600: 213 87% 42%;
  --brand-700: 213 87% 35%;
  --brand-800: 213 80% 28%;
  --brand-900: 213 70% 21%;
  --brand-950: 213 60% 14%;
  --brand-hover: 213 87% 42%;
  --brand-active: 213 87% 35%;
  --brand-disabled: 213 60% 78%;
  --on-brand: 0 0% 100%;
  --on-error: 0 0% 100%;
  --on-success: 0 0% 100%;
  --on-warning: 0 0% 100%;
  --on-info: 0 0% 100%;
}

.dark {
  --mains-primary: 40 18% 94%;
  --mains-secondary: 37 14% 80%;
  --mains-tertiary: 35 10% 64%;
  --mains-quaternary: 33 7% 48%;
  --surfaces-background: 22 16% 4%;
  --surfaces-surface: 24 16% 10%;
  --surfaces-subtle: 24 12% 14%;
  --surfaces-moderate: 25 13% 11%;
  --surfaces-contrast: 23 10% 20%;
  --border-default: 23 10% 19%;
  --border-strong: 25 10% 29%;
  --border-focus: 211 74% 56%;
  --accents-brand: 213 87% 56%;
  --success-primary: 155 58% 43%;
  --success-background: 153 46% 11%;
  --success-border: 155 41% 28%;
  --warning-primary: 30 84% 57%;
  --warning-background: 30 63% 14%;
  --warning-border: 30 59% 28%;
  --error-primary: 3 72% 60%;
  --error-background: 356 60% 16%;
  --error-border: 3 50% 28%;
  --info-primary: 211 74% 56%;
  --info-background: 211 53% 16%;
  --info-border: 211 52% 28%;
  --brand-50: 213 44% 93%;
  --brand-100: 213 54% 87%;
  --brand-200: 213 65% 78%;
  --brand-300: 213 76% 68%;
  --brand-400: 213 87% 56%;
  --brand-500: 213 95% 49%;
  --brand-600: 213 95% 42%;
  --brand-700: 213 95% 35%;
  --brand-800: 213 87% 28%;
  --brand-900: 213 76% 21%;
  --brand-950: 213 65% 14%;
  --brand-hover: 213 95% 49%;
  --brand-active: 213 95% 42%;
  --brand-disabled: 213 65% 78%;
  --on-brand: 0 0% 100%;
  --on-error: 0 0% 100%;
  --on-success: 150 55% 10%;
  --on-warning: 30 100% 10%;
  --on-info: 0 0% 100%;
}