/* THIS FILE IS GENERATED AUTOMATICALLY, DO NOT MODIFY IT DIRECTLY, ANY DIRECT CHANGES WILL BE LOST */
/* Last update: 2026-04-17T05:36:01+00:00 */

@layer bricks, moris.tokens, moris.base, moris.utilities, moris.modules, moris.components, moris.templates, moris.pages;

@layer moris {
  @layer tokens {
    
    
    
    :root {
      --radius-xs: 0.125rem;
      
      --radius-sm: 0.25rem;
      
      --radius-md: 0.375rem;
      
      --radius-lg: 0.625rem;
      
      --radius-xl: 1.25rem;
      
      --radius-2xl: 1.875rem;
      
      --radius-full: 100rem;
      
    }
    
    :root {
      --border-thin: 0.0625rem;
      
      --border-regular: 0.125rem;
      
      --border-bold: 0.1875rem;
      
      --border-heavy: 0.25rem;
      
    }
    
    
    :root {
      --color-primary-50: hsl(36 57% 97%);
      
      --color-primary-100: hsl(36 56% 94%);
      
      --color-primary-200: hsl(36 56% 89%);
      
      --color-primary-300: hsl(36 100% 89%);
      
      --color-primary-400: hsl(36 59% 74%);
      
      --color-primary-500: hsl(36 55% 65%);
      
      --color-primary-600: hsl(35 96% 17%);
      
      --color-primary-700: hsl(35 97% 12%);
      
      --color-primary-800: hsl(36 90% 8%);
      
      --color-primary-900: hsl(35 100% 5%);
      
      --color-primary-950: hsl(18 100% 2%);
      
    }
    
    :root {
      --color-secondary-50:  hsl(0 0% 93%);
      
      --color-secondary-100: hsl(0 0% 90%);
      
      --color-secondary-200: hsl(0 0% 85%);
      
      --color-secondary-300: hsl(0 0% 81%);
      
      --color-secondary-400: hsl(0 0% 77%);
      
      --color-secondary-500: hsl(0 0% 70%);
      
      --color-secondary-600: hsl(0 0% 60%);
      
      --color-secondary-700: hsl(0 0% 38%);
      
      --color-secondary-800: hsl(0 0% 28%);
      
      --color-secondary-900: hsl(0 0% 13%);
      
      --color-secondary-950: hsl(0 0% 6%);
      
    }
    
    :root {
      --color-black: hsl(0 0% 0%);
      
      --color-white: hsl(0 0% 100%);
      
    }
    
    :root {
      --color-danger: hsl(0 80% 40%);
      
      --color-success: hsl(100 80% 40%);
      
    }
    
    
    :root {
      --section-padding-y: clamp(var(--space-lg), 5.625vw, var(--space-4xl));
      --section-gap-y: clamp(var(--space-xl), 5.625vw, var(--space-3xl));
    }
    
    :root {
      --container-padding-x: clamp(var(--space-sm), 5vw, var(--space-xl));
      --container-width: 1280px;
      --container-footer-width: 1500px;
      --container-article-width: 960px;
    }
    
    :root {
      --header-height: 12rem;
    }
    
    :root {
      --scrollbar-size: 0.5rem;
    }
    
    
    :root {
      --space-3xs: 0.25rem;
      
      --space-2xs: 0.5rem;
      
      --space-xs: 0.75rem;
      
      --space-sm: 1rem;
      
      --space-md: 1.125rem;
      
      --space-lg: 1.25rem;
      
      --space-xl: 1.5rem;
      
      --space-2xl: 2rem;
      
      --space-3xl: 2.25rem;
      
      --space-4xl: 3rem;
      
      --space-5xl: 3.5rem;
      
      --space-6xl: 4rem;
      
      --space-7xl: 4.5rem;
      
      --space-8xl: 5rem;
      
      --space-9xl: 5.5rem;
      
      --space-10xl: 6rem;
      
    }
    
    
    :root {
      --transition-duration: 300ms;
      --transition-timing-function: ease-in-out;
      --transition-all: all var(--transition-duration) var(--transition-timing-function);
      --transition-all-slow: all 600ms var(--transition-timing-function);
      --transition-all-debug: all 2s var(--transition-timing-function);
      --transition-opacity: opacity var(--transition-duration) var(--transition-timing-function);
    }
    
    
    :root {
      --font-heading: "Oranienbaum", serif;
      --font-body: "Inter", sans-serif;
    }
    
    :root {
      --font-weight-regular: 400;
      --font-weight-medium: 500;
      --font-weight-semibold: 600;
      --font-weight-bold: 700;
      --font-weight-black: 900;
    }
    
    :root {
      --text-3xs: 0.625rem;
      
      --text-2xs: 0.75rem;
      
      --text-xs: 0.875rem;
      
      --text-sm: 1rem;
      
      --text-md: 1.125rem;
      
      --text-lg: 1.5rem;
      
      --text-xl: 1.75rem;
      
      --text-2xl: 2.25rem;
      
      --text-3xl: 3.5rem;
      
      --text-4xl: 4rem;
      
      --text-5xl: 4.5rem;
      
      --text-6xl: 6rem;
      
    }
    
    :root {
      --leading-none: 1;
      --leading-tight: 1.15;
      --leading-snug: 1.2;
      --leading-normal: 1.3;
      --leading-comfort: 1.4;
      --leading-relaxed: 1.5;
      --leading-open: 1.6;
      --leading-loose: 1.75;
    }
  }
  @layer base {
    
    
    html, body {
      font-size: 16px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      scroll-behavior: smooth;
    }
    body {
      font-family: var(--font-body);
      color: var(--color-white);
      background: var(--color-primary-950);
      min-width: 20rem;
    }
    main {
      min-height: 25vh;
    }
    
    * {
      scrollbar-width: thin;
      scrollbar-color: var(--color-primary-400) var(--color-primary-950);
    }
    ::-webkit-scrollbar {
      width: var(--scrollbar-size);
      height: var(--scrollbar-size);
    }
    ::-webkit-scrollbar-track {
      background: var(--color-primary-950);
    }
    ::-webkit-scrollbar-thumb {
      background-color: var(--color-primary-400);
      border-radius: var(--radius-full);
    }
    
    *::selection {
      background: hsl(from var(--color-primary-300) h s l / 0.25);
      color: var(--secondary-50);
    }
    *::-moz-selection {
      background: hsl(from var(--color-primary-300) h s l / 0.25);
      color: var(--secondary-50);
    }
    *::-webkit-selection {
      background: hsl(from var(--color-primary-300) h s l / 0.25);
      color: var(--secondary-50);
    }
    * {
      -webkit-tap-highlight-color: hsl(from var(--color-primary-300) h s l / 0.25);
    }
  }
}