/* Generated by https://techies.tools
   Framework: Techies Framework
   Framework ID: techies
   Version: 1.0.3760307224
   Content hash: e021bc18
   Source revision: working-tree
   Artifact: tokens.css
   Edit Framework preferences in https://techies.tools.
   Direct CSS edits are not round-trippable. */
@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@400;500;600;700&family=Public+Sans:wght@400;500;600;700;800&family=Roboto+Mono:wght@400;500;600;700&display=swap");

@layer tokens, elements, components;

@layer tokens {
  :root {
    --min-width: 20rem;
    --max-width: 90rem;
    --color-primary: oklch(47.7% 0.19 260.1);
    --color-primary-lightest: oklch(98.9% 0.003 273);
    --color-primary-lighter: oklch(95.4% 0.017 272.7);
    --color-primary-light: oklch(88.3% 0.042 271.9);
    --color-primary-dark: oklch(35.3% 0.122 260.1);
    --color-primary-darker: oklch(23.9% 0.082 260.1);
    --color-primary-darkest: oklch(13.4% 0.046 260.1);
    --color-secondary: oklch(14.4% 0.031 244.2);
    --color-secondary-lightest: oklch(98.9% 0.001 257.1);
    --color-secondary-lighter: oklch(95.4% 0.003 256.8);
    --color-secondary-light: oklch(88.3% 0.007 256);
    --color-secondary-dark: oklch(10.7% 0.006 244.2);
    --color-secondary-darker: oklch(7.2% 0.006 244.2);
    --color-secondary-darkest: oklch(4% 0.006 244.2);
    --color-accent: oklch(86.3% 0.161 87.1);
    --color-accent-lightest: oklch(98.9% 0.003 100);
    --color-accent-lighter: oklch(95.4% 0.014 99.7);
    --color-accent-light: oklch(88.3% 0.036 98.9);
    --color-accent-dark: oklch(63.9% 0.135 87.1);
    --color-accent-darker: oklch(43.1% 0.126 87.1);
    --color-accent-darkest: oklch(24.2% 0.071 87.1);
    --semantic-primary: var(--color-primary);
    --semantic-action: var(--color-accent);
    --semantic-surface: var(--color-primary-lightest);
    --semantic-text: oklch(0% 0 0);
    --semantic-border: var(--color-primary-light);
    --semantic-focus: var(--color-primary);
    --font-body: 'Atkinson Hyperlegible Next', system-ui, sans-serif;
    --font-heading: 'Public Sans', system-ui, sans-serif;
    --font-code: 'Roboto Mono', ui-monospace, monospace;
    --text-xs: clamp(0.7901rem, calc(0.7901rem + 0vw), 0.7901rem);
    --text-s: clamp(0.8889rem, calc(0.8749rem + 0.0698vw), 0.9377rem);
    --text-m: clamp(1rem, calc(0.9286rem + 0.3571vw), 1.25rem);
    --text-l: clamp(1.125rem, calc(0.9704rem + 0.7732vw), 1.6663rem);
    --text-xl: clamp(1.2656rem, calc(0.9926rem + 1.365vw), 2.2211rem);
    --text-2xl: clamp(1.4238rem, calc(0.9847rem + 2.1956vw), 2.9607rem);
    --text-3xl: clamp(1.6018rem, calc(0.9318rem + 3.3498vw), 3.9467rem);
    --text-4xl: clamp(1.802rem, calc(0.8138rem + 4.9413vw), 5.2609rem);
    --radius-xs: clamp(0.16rem, calc(0.1429rem + 0.0857vw), 0.22rem);
    --radius-s: clamp(0.2rem, calc(0.1629rem + 0.1857vw), 0.33rem);
    --radius-m: clamp(0.25rem, calc(0.1786rem + 0.3571vw), 0.5rem);
    --radius-l: clamp(0.31rem, calc(0.1843rem + 0.6286vw), 0.75rem);
    --radius-xl: clamp(0.39rem, calc(0.1786rem + 1.0571vw), 1.13rem);
    --radius-full: 999rem;
    --space-4xs: clamp(0.402rem, calc(0.402rem + 0vw), 0.402rem);
    --space-3xs: clamp(0.482rem, calc(0.482rem + 0vw), 0.482rem);
    --space-2xs: clamp(0.579rem, calc(0.579rem + 0vw), 0.579rem);
    --space-xs: clamp(0.694rem, calc(0.6914rem + 0.0129vw), 0.703rem);
    --space-s: clamp(0.833rem, calc(0.803rem + 0.15vw), 0.938rem);
    --space-m: clamp(1rem, calc(0.9286rem + 0.3571vw), 1.25rem);
    --space-l: clamp(1.2rem, calc(1.0669rem + 0.6657vw), 1.666rem);
    --space-xl: clamp(1.44rem, calc(1.2169rem + 1.1157vw), 2.221rem);
    --space-2xl: clamp(1.728rem, calc(1.3757rem + 1.7614vw), 2.961rem);
    --space-3xl: clamp(2.074rem, calc(1.5389rem + 2.6757vw), 3.947rem);
    --space-4xl: clamp(2.488rem, calc(1.6957rem + 3.9614vw), 5.261rem);
  }
}