/**
 * Design Tokens - Auto-generated from tokens.json
 * DO NOT EDIT MANUALLY - Run: node scripts/generate-css-tokens.js
 * Last generated: 2026-01-16T06:55:28.817Z
 */

:root {

  /* Colors */
  --colors-primary-black: #000000;
  --colors-primary-white: #ffffff;
  --colors-primary-beige: #f8f7f3;
  --colors-brand-orange: #FF3700;
  --colors-grey-100: #dddddd;
  --colors-grey-200: #b6b6b6;
  --colors-grey-300: #6b6b6b;
  --colors-grey-400: #474747;
  --colors-grey-500: #333333;
  --colors-grey-600: #292929;
  --colors-grey-700: #171717;
  --colors-grey-800: #0f0f0f;
  --colors-grey-900: #0a0a0a;
  --colors-white-alpha-10: rgba(255, 255, 255, 0.1);
  --colors-white-alpha-15: rgba(255, 255, 255, 0.15);
  --colors-white-alpha-20: rgba(255, 255, 255, 0.2);
  --colors-white-alpha-30: rgba(255, 255, 255, 0.3);
  --colors-white-alpha-40: rgba(255, 255, 255, 0.4);
  --colors-white-alpha-50: rgba(255, 255, 255, 0.5);
  --colors-white-alpha-60: rgba(255, 255, 255, 0.6);
  --colors-white-alpha-70: rgba(255, 255, 255, 0.7);
  --colors-white-alpha-80: rgba(255, 255, 255, 0.8);
  --colors-white-alpha-90: rgba(255, 255, 255, 0.9);

  /* Spacing */
  --spacing-0: 0rem;
  --spacing-1: 1rem;
  --spacing-2: 2rem;
  --spacing-3: 3rem;
  --spacing-4: 4rem;
  --spacing-5: 5rem;
  --spacing-6: 6rem;
  --spacing-7: 7rem;
  --spacing-8: 8rem;
  --spacing-9: 9rem;
  --spacing-10: 10rem;
  --spacing-11: 11rem;
  --spacing-12: 12rem;
  --spacing-13: 13rem;
  --spacing-14: 14rem;
  --spacing-15: 15rem;
  --spacing-16: 16rem;
  --spacing-25: 2.5rem;
  --spacing-35: 3.5rem;
  --spacing-45: 4.5rem;
  --spacing-55: 5.5rem;
  --spacing-65: 6.5rem;
  --spacing-125: 1.25rem;
  --spacing-175: 1.75rem;
  --spacing-225: 2.25rem;
  --spacing-275: 2.75rem;
  --spacing-1125: 1.125rem;
  --spacing-0125: 0.125rem;
  --spacing-025: 0.25rem;
  --spacing-05: 0.5rem;
  --spacing-075: 0.75rem;

  /* BorderRadius */
  --borderRadius-tiny: 0.125rem;
  --borderRadius-xxsmall: 0.25rem;
  --borderRadius-xsmall: 0.5rem;
  --borderRadius-small: 0.75rem;
  --borderRadius-medium: 1rem;
  --borderRadius-large: 1.125rem;
  --borderRadius-xlarge: 1.25rem;
  --borderRadius-xxlarge: 1.5rem;
  --borderRadius-huge: 1.75rem;
  --borderRadius-xhuge: 2rem;
  --borderRadius-xxhuge: 2.5rem;
  --borderRadius-ultra: 3rem;

  /* Typography */
  --typography-fontFamily-primary: 'Sofia Pro', Arial, sans-serif;
  --typography-fontFamily-serif: 'Instrument Serif', Georgia, serif;
  --typography-fontFamily-secondary: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-fontFamily-detail: 'Roboto mono', Arial, sans-serif;
  --typography-fontWeight-thin: 100;
  --typography-fontWeight-extraLight: 200;
  --typography-fontWeight-light: 300;
  --typography-fontWeight-regular: 400;
  --typography-fontWeight-medium: 500;
  --typography-fontWeight-semibold: 600;
  --typography-fontWeight-bold: 700;
  --typography-fontWeight-extraBold: 800;
  --typography-fontWeight-black: 900;
  --typography-fontSize-xs: 0.875rem;
  --typography-fontSize-sm: 1rem;
  --typography-fontSize-md: 1.125rem;
  --typography-fontSize-lg: 1.25rem;
  --typography-fontSize-xl: 1.5rem;
  --typography-fontSize-2xl: 2rem;
  --typography-fontSize-3xl: 2.75rem;
  --typography-fontSize-4xl: 3.5rem;
  --typography-fontSize-5xl: 4.5rem;
  --typography-fontSize-6xl: 5rem;
  --typography-fontSize-7xl: 6rem;
  --typography-lineHeight-tight: 100%;
  --typography-lineHeight-snug: 105%;
  --typography-lineHeight-normal: 110%;
  --typography-lineHeight-relaxed: 120%;
  --typography-lineHeight-loose: 150%;
  --typography-letterSpacing-tight: -0.02em;
  --typography-letterSpacing-normal: 0;
  --typography-letterSpacing-wide: 0.02em;

  /* Button */
  --button-borderRadius: 16px;
  --button-paddingY: 12px;
  --button-paddingX: 2rem;
  --button-paddingXSmall: 1.5rem;

  /* Grid */
  --grid-columns: 2;
  --grid-gapColumn: 2rem;
  --grid-gapRow: 3rem;

  /* Shadow */
  --shadow-buttonInset: inset 0 0 7px rgba(255, 255, 255, 0.28);
  --shadow-buttonInsetHover: inset 0 0 7px rgba(255, 255, 255, 0.6);
  --shadow-buttonActive: 0 4px 4px rgba(0, 0, 0, 0.3);

  /* Transition */
  --transition-fast: 0.2s;
  --transition-medium: 0.3s;
  --transition-slow: 0.5s;

  /* ZIndex */
  --zIndex-base: 1;
  --zIndex-dropdown: 10;
  --zIndex-sticky: 100;
  --zIndex-modal: 1000;
}