:root {
  /* Primary */
  --primary-darker: #250505;
  --primary-dark: #500B0B;
  --primary-normal: #6B0F0F;
  --primary-light: #F0E7E7;
  --primary-light-active: #D1B5B5;

  /* Secondary */
  --secondary-darker: #5F080C;
  --secondary-dark: #9E0D14;
  --secondary-normal: #D3111A;
  --secondary-normal-active: #A90E15;

  /* Tertiary */
  --tertiary-darker: #534824;
  --tertiary-dark: #B39B4D;
  --tertiary-normal: #EECE66;
  --tertiary-normal-hover: #D6B95C;

  /* Surface */
  --surface-darker: #4E4C44;
  --surface-dark: #A7A492;
  --surface-normal: #DEDAC3;
  --surface-light-active: #F5F4EC;
  --surface-light-hover: #FAF9F6;

  /* Base */
  --base-white: #FFFFFF;
  --base-black: #000000;
  --base-bg: #FCFBF9;

  /* Gradients */
  --gradient-red: linear-gradient(180deg, #D3111A 0%, #5F080C 100%);
  --gradient-red-light: linear-gradient(180deg, #F1B5B8 0%, #D3111A 100%);
  --gradient-red-horizontal: linear-gradient(90deg, #6B0F0F 0%, #D3111A 100%);
  --gradient-red-horizontal-light: linear-gradient(90deg, #F1B5B8 0%, #D3111A 100%);

  /* Typography */
  --font-family: 'Inter', sans-serif;

  /* Font sizes */
  --fs-headline: 64px;
  --fs-title: 48px;
  --fs-subtitle: 32px;
  --fs-body: 24px;
  --fs-functional: 18px;
  --fs-small: 12px;

  /* Line heights */
  --lh-tight: 1.2em;
  --lh-normal: 1.4em;

  /* Letter spacing */
  --ls-normal: 0.05em;
  --ls-wide: 1.12em;

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 40px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* Container widths */
  --container-xxl: 1320px;
  --container-xl: 1140px;
  --container-md: 720px;
  --container-sm: 350px;

  /* Border radius */
  --radius-card: 40px;
  --radius-button: 100px;
  --radius-input: 8px;
  --radius-photo: 16px;

  /* Shadows */
  --shadow-card: 0px 4px 4px rgba(0, 0, 0, 0.25);
  --shadow-glass: 0px 4px 40px rgba(0, 0, 0, 0.25);
  --shadow-button: 0px 4px 8px rgba(0, 0, 0, 0.45);
}