/**
 * Theme Creator Auto-Generated Tokens
 * Do not modify directly
 */

@layer reset, base, layout, components, utilities;

:root {
  /* Brand */
  --color-accent: oklch(0.358 0.039 142.041);
  --color-accent-l-1: oklch(0.477 0.039 142.041);
  --color-accent-l-2: oklch(0.595 0.039 142.041);
  --color-accent-l-3: oklch(0.713 0.039 142.041);
  --color-accent-l-4: oklch(0.832 0.039 142.041);
  --color-accent-l-5: oklch(0.950 0.039 142.041);
  --color-accent-d-1: oklch(0.327 0.039 142.041);
  --color-accent-d-2: oklch(0.295 0.039 142.041);
  --color-accent-d-3: oklch(0.263 0.039 142.041);
  --color-accent-d-4: oklch(0.232 0.039 142.041);
  --color-accent-d-5: oklch(0.200 0.039 142.041);
  --color-primary: oklch(0.432 0.107 10.726);
  --color-primary-l-1: oklch(0.536 0.107 10.726);
  --color-primary-l-2: oklch(0.639 0.107 10.726);
  --color-primary-l-3: oklch(0.743 0.107 10.726);
  --color-primary-l-4: oklch(0.846 0.107 10.726);
  --color-primary-l-5: oklch(0.950 0.107 10.726);
  --color-primary-d-1: oklch(0.386 0.107 10.726);
  --color-primary-d-2: oklch(0.339 0.107 10.726);
  --color-primary-d-3: oklch(0.293 0.107 10.726);
  --color-primary-d-4: oklch(0.246 0.107 10.726);
  --color-primary-d-5: oklch(0.200 0.107 10.726);
  --color-primary-t-1: oklch(0.432 0.107 10.726 / 0.167);
  --color-primary-t-2: oklch(0.432 0.107 10.726 / 0.333);
  --color-primary-t-3: oklch(0.432 0.107 10.726 / 0.500);
  --color-primary-t-4: oklch(0.432 0.107 10.726 / 0.667);
  --color-primary-t-5: oklch(0.432 0.107 10.726 / 0.833);
  /* Background */
  --color-bg-body: oklch(0.971 0.007 80.721);
  --color-bg-surface: oklch(0.946 0.014 88.685);
  --color-bg-surface-t-1: oklch(0.946 0.014 88.685 / 0.167);
  --color-bg-surface-t-2: oklch(0.946 0.014 88.685 / 0.333);
  --color-bg-surface-t-3: oklch(0.946 0.014 88.685 / 0.500);
  --color-bg-surface-t-4: oklch(0.946 0.014 88.685 / 0.667);
  --color-bg-surface-t-5: oklch(0.946 0.014 88.685 / 0.833);
  /* Text */
  --color-text-body: oklch(0.427 0.015 29.979);
  --color-text-title: oklch(0.355 0.010 36.505);
  /* Base */
  --color-border: oklch(0.896 0.007 17.280);
  --color-shadow: oklch(0.000 0.000 0.000);
  --color-shadow-t-1: oklch(0.000 0.000 0.000 / 0.167);
  --color-shadow-t-2: oklch(0.000 0.000 0.000 / 0.333);
  --color-shadow-t-3: oklch(0.000 0.000 0.000 / 0.500);
  --color-shadow-t-4: oklch(0.000 0.000 0.000 / 0.667);
  --color-shadow-t-5: oklch(0.000 0.000 0.000 / 0.833);
  --color-light: oklch(0.991 0.000 89.876);
  --color-light-t-1: oklch(0.991 0.000 89.876 / 0.167);
  --color-light-t-2: oklch(0.991 0.000 89.876 / 0.333);
  --color-light-t-3: oklch(0.991 0.000 89.876 / 0.500);
  --color-light-t-4: oklch(0.991 0.000 89.876 / 0.667);
  --color-light-t-5: oklch(0.991 0.000 89.876 / 0.833);
  --color-dark: oklch(0.178 0.000 89.876);
  --color-dark-t-1: oklch(0.178 0.000 89.876 / 0.167);
  --color-dark-t-2: oklch(0.178 0.000 89.876 / 0.333);
  --color-dark-t-3: oklch(0.178 0.000 89.876 / 0.500);
  --color-dark-t-4: oklch(0.178 0.000 89.876 / 0.667);
  --color-dark-t-5: oklch(0.178 0.000 89.876 / 0.833);
  /* Status */
  --color-success: oklch(0.613 0.170 132.768);
  --color-info: oklch(0.559 0.137 244.273);
  --color-warning: oklch(0.654 0.165 53.473);
  --color-danger: oklch(0.550 0.217 27.042);
  --color-danger-t-1: oklch(0.550 0.217 27.042 / 0.167);
  --color-danger-t-2: oklch(0.550 0.217 27.042 / 0.333);
  --color-danger-t-3: oklch(0.550 0.217 27.042 / 0.500);
  --color-danger-t-4: oklch(0.550 0.217 27.042 / 0.667);
  --color-danger-t-5: oklch(0.550 0.217 27.042 / 0.833);
  /* Text */
  --color-text-muted: oklch(0.626 0.008 17.382);
  /* Typography */
  --text-2xs: clamp(0.579rem, calc(0.566rem + 0.061vw), 0.640rem);
  --text-xs: clamp(0.694rem, calc(0.673rem + 0.106vw), 0.800rem);
  --text-s: clamp(0.833rem, calc(0.800rem + 0.167vw), 1.000rem);
  --text-m: clamp(1.000rem, calc(0.950rem + 0.250vw), 1.250rem);
  --text-l: clamp(1.200rem, calc(1.127rem + 0.363vw), 1.562rem);
  --text-xl: clamp(1.440rem, calc(1.337rem + 0.513vw), 1.953rem);
  --text-2xl: clamp(1.728rem, calc(1.585rem + 0.713vw), 2.441rem);
  --text-3xl: clamp(2.074rem, calc(1.878rem + 0.978vw), 3.052rem);
  --text-4xl: clamp(2.488rem, calc(2.223rem + 1.326vw), 3.815rem);
  /* Spacing */
  --space-2xs: clamp(0.512rem, calc(0.410rem + 0.512vw), 1.024rem);
  --space-xs: clamp(0.640rem, calc(0.512rem + 0.640vw), 1.280rem);
  --space-s: clamp(0.800rem, calc(0.640rem + 0.800vw), 1.600rem);
  --space-m: clamp(1.000rem, calc(0.800rem + 1.000vw), 2.000rem);
  --space-l: clamp(1.250rem, calc(1.000rem + 1.250vw), 2.500rem);
  --space-xl: clamp(1.562rem, calc(1.250rem + 1.562vw), 3.125rem);
  --space-2xl: clamp(1.953rem, calc(1.562rem + 1.953vw), 3.906rem);
  --space-3xs: clamp(0.410rem, calc(0.328rem + 0.410vw), 0.819rem);
  --space-3xl: clamp(2.441rem, calc(1.953rem + 2.441vw), 4.883rem);
  --space-4xl: clamp(3.052rem, calc(2.441rem + 3.052vw), 6.104rem);
  --space-4xs: clamp(0.328rem, calc(0.262rem + 0.328vw), 0.655rem);
  /* Design */
  --min-viewport:        20rem;
  --max-viewport:        120rem;
  /* Container */
  --container-xs: 20rem;
  --container-s: 30rem;
  --container-m: 48rem;
  --container-l: 64rem;
  --container-xl: 80rem;
  --container-2xl: 120rem;
  --container-bleed: 100%;
  /* Height */
  --small-viewport: 100svh;
  --large-viewport: 100lvh;
  --dynamic-viewport: 100dvh;
  --viewport: 100vh;
  /* Grid */
  --columns-1: repeat(1, minmax(0, 1fr));
  --columns-2: repeat(2, minmax(0, 1fr));
  --columns-3: repeat(3, minmax(0, 1fr));
  --columns-4: repeat(4, minmax(0, 1fr));
  --columns-5: repeat(5, minmax(0, 1fr));
  --columns-6: repeat(6, minmax(0, 1fr));
  --columns-7: repeat(7, minmax(0, 1fr));
  --columns-8: repeat(8, minmax(0, 1fr));
  /* Border Radius */
  --radius-none: 0;
  /* Borders */
  --border-width-s: 1px;
  --border-width-m: 2px;
  --border-width-l: 4px;
  --border-style: solid;
  --border: var(--border-width-s) solid var(--color-border);
  /* Touch Size */
  --touch-size: clamp(2.750rem, calc(2.700rem + 0.250vw), 3.000rem);
  /* Shadow */
  --shadow-xs: 0 1px 2px var(--color-shadow-t-1);
  --shadow-s: 0 1.5px 3px var(--color-shadow-t-1);
  --shadow-l: 0 2px 6px var(--color-shadow-t-1);
  --shadow-xl: 0 3px 12px var(--color-shadow-t-1);
  --shadow-2xl: 0 6px 48px var(--color-shadow-t-1);
  /* Transitions */
  --transition-fast: 0.1s;
  --transition-default: 0.25s;
  --transition-slow: 0.5s;
  --transition-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --transition-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  /* Z-Index */
  --z-below: -1;
  --z-base: 0;
  --z-1: 1;
  --z-10: 10;
  --z-100: 100;
  --z-1000: 1000;
  --z-max: 99999;
}

@layer base {
  /* Headings */
  h1 {
    font-size: var(--text-4xl);
    font-weight: 500;
    line-height: 1.1;
  }

  h2 {
    font-size: var(--text-3xl);
    font-weight: 500;
    line-height: 1.2;
  }

  h3 {
    font-size: var(--text-2xl);
    font-weight: 500;
    line-height: 1.3;
  }

  h4 {
    font-size: var(--text-xl);
    font-weight: 500;
    line-height: 1.3;
  }
}
@layer base {
  /* Prose */
  .prose p {
    line-height: 1.6;
    margin-block: 0 var(--space-m);
    max-inline-size: 65ch;
    text-wrap: pretty;
  }

  .prose h2, .prose h3, .prose h4 {
    margin-block: var(--space-l) var(--space-2xs);
    text-wrap: balance;
    max-inline-size: 40ch;
  }

  .prose ul, .prose ol {
    margin-block: var(--space-m);
    padding-inline-start: var(--space-l);
    max-inline-size: 65ch;
  }

  .prose strong {
    font-weight: 600;
  }

  .prose a {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }

  .prose a:hover {
    color: var(--color-primary-l-1);
  }

  .prose code {
    font-family: monospace;
    font-size: var(--text-s);
    padding: var(--space-2xs) var(--space-xs);
    background: var(--color-bg-surface);
    border-radius: var(--radius-xs);
  }

  .prose blockquote {
    margin-block: var(--space-l);
    padding-inline-start: var(--space-m);
    border-inline-start: 1px solid var(--color-primary);
    font-style: italic;
    font-size: var(--text-m);
  }

  .prose figure {
    margin-block-end: var(--space-l);
  }

  .prose figcaption {
    margin-block-start: var(--space-xs);
    font-size: var(--text-s);
    text-align: center;
    color: var(--color-text-body);
  }

  .prose img, .prose video {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
    margin-block-end: var(--space-l);
    inline-size: 100%;
  }

  .prose hr {
    border: none;
    border-block-start: 1px solid var(--color-border);
  }

  .prose h2 {
    font-size: var(--text-2xl);
  }

  .prose h3 {
    font-size: var(--text-xl);
  }

  .prose h4 {
    font-size: var(--text-l);
  }

  .prose blockquote footer {
    font-size: var(--text-s);
    font-weight: 500;
    color: var(--color-text-title);
    font-style: normal;
    margin-block-start: var(--space-xs);
  }
}
@layer base {
  /* Sections */
  section {
    padding-inline-start: 0;
    padding-inline-end:   0;
    padding-block-start:  var(--space-4xl);
    padding-block-end:    var(--space-4xl);
  }
}
/* Color dark mode — system preference or a [data-theme] switcher */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-accent: oklch(0.348 0.037 141.894);
    --color-accent-l-1: oklch(0.468 0.037 141.894);
    --color-accent-l-2: oklch(0.589 0.037 141.894);
    --color-accent-l-3: oklch(0.709 0.037 141.894);
    --color-accent-l-4: oklch(0.830 0.037 141.894);
    --color-accent-l-5: oklch(0.950 0.037 141.894);
    --color-accent-d-1: oklch(0.318 0.037 141.894);
    --color-accent-d-2: oklch(0.289 0.037 141.894);
    --color-accent-d-3: oklch(0.259 0.037 141.894);
    --color-accent-d-4: oklch(0.230 0.037 141.894);
    --color-accent-d-5: oklch(0.200 0.037 141.894);
    --color-primary: oklch(0.631 0.125 22.457);
    --color-primary-l-1: oklch(0.695 0.125 22.457);
    --color-primary-l-2: oklch(0.759 0.125 22.457);
    --color-primary-l-3: oklch(0.822 0.125 22.457);
    --color-primary-l-4: oklch(0.886 0.125 22.457);
    --color-primary-l-5: oklch(0.950 0.125 22.457);
    --color-primary-d-1: oklch(0.545 0.125 22.457);
    --color-primary-d-2: oklch(0.459 0.125 22.457);
    --color-primary-d-3: oklch(0.372 0.125 22.457);
    --color-primary-d-4: oklch(0.286 0.125 22.457);
    --color-primary-d-5: oklch(0.200 0.125 22.457);
    --color-primary-t-1: oklch(0.631 0.125 22.457 / 0.167);
    --color-primary-t-2: oklch(0.631 0.125 22.457 / 0.333);
    --color-primary-t-3: oklch(0.631 0.125 22.457 / 0.500);
    --color-primary-t-4: oklch(0.631 0.125 22.457 / 0.667);
    --color-primary-t-5: oklch(0.631 0.125 22.457 / 0.833);
    --color-bg-body: oklch(0.190 0.010 67.146);
    --color-bg-surface: oklch(0.232 0.013 61.905);
    --color-bg-surface-t-1: oklch(0.232 0.013 61.905 / 0.167);
    --color-bg-surface-t-2: oklch(0.232 0.013 61.905 / 0.333);
    --color-bg-surface-t-3: oklch(0.232 0.013 61.905 / 0.500);
    --color-bg-surface-t-4: oklch(0.232 0.013 61.905 / 0.667);
    --color-bg-surface-t-5: oklch(0.232 0.013 61.905 / 0.833);
    --color-text-body: oklch(0.876 0.019 78.232);
    --color-text-title: oklch(0.954 0.012 79.784);
    --color-border: oklch(0.332 0.019 63.756);
    --color-shadow: oklch(0.000 0.000 0.000);
    --color-shadow-t-1: oklch(0.000 0.000 0.000 / 0.283);
    --color-shadow-t-2: oklch(0.000 0.000 0.000 / 0.567);
    --color-shadow-t-3: oklch(0.000 0.000 0.000 / 0.850);
    --color-shadow-t-4: oklch(0.000 0.000 0.000 / 1.000);
    --color-shadow-t-5: oklch(0.000 0.000 0.000 / 1.000);
    --color-light: oklch(0.954 0.012 79.784);
    --color-light-t-1: oklch(0.954 0.012 79.784 / 0.167);
    --color-light-t-2: oklch(0.954 0.012 79.784 / 0.333);
    --color-light-t-3: oklch(0.954 0.012 79.784 / 0.500);
    --color-light-t-4: oklch(0.954 0.012 79.784 / 0.667);
    --color-light-t-5: oklch(0.954 0.012 79.784 / 0.833);
    --color-dark: oklch(0.267 0.017 63.161);
    --color-dark-t-1: oklch(0.267 0.017 63.161 / 0.167);
    --color-dark-t-2: oklch(0.267 0.017 63.161 / 0.333);
    --color-dark-t-3: oklch(0.267 0.017 63.161 / 0.500);
    --color-dark-t-4: oklch(0.267 0.017 63.161 / 0.667);
    --color-dark-t-5: oklch(0.267 0.017 63.161 / 0.833);
    --color-success: oklch(0.748 0.141 130.245);
    --color-info: oklch(0.742 0.104 243.317);
    --color-warning: oklch(0.754 0.128 70.713);
    --color-danger: oklch(0.676 0.158 25.373);
    --color-danger-t-1: oklch(0.676 0.158 25.373 / 0.167);
    --color-danger-t-2: oklch(0.676 0.158 25.373 / 0.333);
    --color-danger-t-3: oklch(0.676 0.158 25.373 / 0.500);
    --color-danger-t-4: oklch(0.676 0.158 25.373 / 0.667);
    --color-danger-t-5: oklch(0.676 0.158 25.373 / 0.833);
    --color-text-muted: oklch(0.697 0.024 67.415);
  }
}

:root[data-theme="dark"] {
  --color-accent: oklch(0.348 0.037 141.894);
  --color-accent-l-1: oklch(0.468 0.037 141.894);
  --color-accent-l-2: oklch(0.589 0.037 141.894);
  --color-accent-l-3: oklch(0.709 0.037 141.894);
  --color-accent-l-4: oklch(0.830 0.037 141.894);
  --color-accent-l-5: oklch(0.950 0.037 141.894);
  --color-accent-d-1: oklch(0.318 0.037 141.894);
  --color-accent-d-2: oklch(0.289 0.037 141.894);
  --color-accent-d-3: oklch(0.259 0.037 141.894);
  --color-accent-d-4: oklch(0.230 0.037 141.894);
  --color-accent-d-5: oklch(0.200 0.037 141.894);
  --color-primary: oklch(0.631 0.125 22.457);
  --color-primary-l-1: oklch(0.695 0.125 22.457);
  --color-primary-l-2: oklch(0.759 0.125 22.457);
  --color-primary-l-3: oklch(0.822 0.125 22.457);
  --color-primary-l-4: oklch(0.886 0.125 22.457);
  --color-primary-l-5: oklch(0.950 0.125 22.457);
  --color-primary-d-1: oklch(0.545 0.125 22.457);
  --color-primary-d-2: oklch(0.459 0.125 22.457);
  --color-primary-d-3: oklch(0.372 0.125 22.457);
  --color-primary-d-4: oklch(0.286 0.125 22.457);
  --color-primary-d-5: oklch(0.200 0.125 22.457);
  --color-primary-t-1: oklch(0.631 0.125 22.457 / 0.167);
  --color-primary-t-2: oklch(0.631 0.125 22.457 / 0.333);
  --color-primary-t-3: oklch(0.631 0.125 22.457 / 0.500);
  --color-primary-t-4: oklch(0.631 0.125 22.457 / 0.667);
  --color-primary-t-5: oklch(0.631 0.125 22.457 / 0.833);
  --color-bg-body: oklch(0.190 0.010 67.146);
  --color-bg-surface: oklch(0.232 0.013 61.905);
  --color-bg-surface-t-1: oklch(0.232 0.013 61.905 / 0.167);
  --color-bg-surface-t-2: oklch(0.232 0.013 61.905 / 0.333);
  --color-bg-surface-t-3: oklch(0.232 0.013 61.905 / 0.500);
  --color-bg-surface-t-4: oklch(0.232 0.013 61.905 / 0.667);
  --color-bg-surface-t-5: oklch(0.232 0.013 61.905 / 0.833);
  --color-text-body: oklch(0.876 0.019 78.232);
  --color-text-title: oklch(0.954 0.012 79.784);
  --color-border: oklch(0.332 0.019 63.756);
  --color-shadow: oklch(0.000 0.000 0.000);
  --color-shadow-t-1: oklch(0.000 0.000 0.000 / 0.283);
  --color-shadow-t-2: oklch(0.000 0.000 0.000 / 0.567);
  --color-shadow-t-3: oklch(0.000 0.000 0.000 / 0.850);
  --color-shadow-t-4: oklch(0.000 0.000 0.000 / 1.000);
  --color-shadow-t-5: oklch(0.000 0.000 0.000 / 1.000);
  --color-light: oklch(0.954 0.012 79.784);
  --color-light-t-1: oklch(0.954 0.012 79.784 / 0.167);
  --color-light-t-2: oklch(0.954 0.012 79.784 / 0.333);
  --color-light-t-3: oklch(0.954 0.012 79.784 / 0.500);
  --color-light-t-4: oklch(0.954 0.012 79.784 / 0.667);
  --color-light-t-5: oklch(0.954 0.012 79.784 / 0.833);
  --color-dark: oklch(0.267 0.017 63.161);
  --color-dark-t-1: oklch(0.267 0.017 63.161 / 0.167);
  --color-dark-t-2: oklch(0.267 0.017 63.161 / 0.333);
  --color-dark-t-3: oklch(0.267 0.017 63.161 / 0.500);
  --color-dark-t-4: oklch(0.267 0.017 63.161 / 0.667);
  --color-dark-t-5: oklch(0.267 0.017 63.161 / 0.833);
  --color-success: oklch(0.748 0.141 130.245);
  --color-info: oklch(0.742 0.104 243.317);
  --color-warning: oklch(0.754 0.128 70.713);
  --color-danger: oklch(0.676 0.158 25.373);
  --color-danger-t-1: oklch(0.676 0.158 25.373 / 0.167);
  --color-danger-t-2: oklch(0.676 0.158 25.373 / 0.333);
  --color-danger-t-3: oklch(0.676 0.158 25.373 / 0.500);
  --color-danger-t-4: oklch(0.676 0.158 25.373 / 0.667);
  --color-danger-t-5: oklch(0.676 0.158 25.373 / 0.833);
  --color-text-muted: oklch(0.697 0.024 67.415);
}

/* Accessibility Overrides */
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0s;
    --transition-default: 0s;
    --transition-slow: 0s;
  }
}

@layer base {
  /* Focus States */
  :focus:not(:focus-visible) {
    outline: none;
  }

  :focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
  }
}