/* THIS FILE IS GENERATED AUTOMATICALLY, DO NOT MODIFY IT DIRECTLY, ANY DIRECT CHANGES WILL BE LOST */
/* Last update: 2025-12-05T18:21:51+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: 2px;
      --radius-sm: 4px;
      --radius-md: 6px;
      --radius-lg: 10px;
      --radius-xl: 20px;
      --radius-2xl: 30px;
      --radius-full: 1600px;
    }
    
    :root {
      --border-thin: 1px;
      --border-regular: 2px;
      --border-bold: 3px;
      --border-heavy: 4px;
    }
    
    
    :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;
    }
    
    :root {
      --header-height: 12rem;
    }
    
    :root {
      --scrollbar-size: 0.5rem;
    }
    
    
    :root {
      --space-3xs: 4px;
      --space-2xs: 8px;
      --space-xs: 12px;
      --space-sm: 16px;
      --space-md: 18px;
      --space-lg: 20px;
      --space-xl: 24px;
      --space-2xl: 32px;
      --space-3xl: 36px;
      --space-4xl: 48px;
      --space-5xl: 56px;
      --space-6xl: 64px;
      --space-7xl: 72px;
      --space-8xl: 80px;
      --space-9xl: 88px;
      --space-10xl: 96px;
    }
    
    
    :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: 10px;
      --text-2xs: 12px;
      --text-xs: 14px;
      --text-sm: 16px;
      --text-md: 18px;
      --text-lg: 24px;
      --text-xl: 28px;
      --text-2xl: 36px;
      --text-3xl: 56px;
      --text-4xl: 64px;
      --text-5xl: 72px;
      --text-6xl: 96px;
    }
    
    :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-900);
      min-width: 20rem;
    }
    body.bricks-is-frontend [data-brk-animation]:not([data-brk-animation-state]) {
      opacity: 0;
    }
    main {
      min-height: 50vh;
    }
    
    * {
      scrollbar-width: thin;
      scrollbar-color: var(--color-primary-400) var(--color-secondary-950);
    }
    ::-webkit-scrollbar {
      width: var(--scrollbar-size);
      height: var(--scrollbar-size);
    }
    ::-webkit-scrollbar-track {
      background: var(--color-secondary-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);
    }
  }
}