/* Variables Configuration
   ========================================================================== */

:root {
  /* Classical line heights */
  --line-height-headers: 1.1;
  --line-height-body: 1.5;

  /* Font weights */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Classical and robust font sizes system */
  --font-size-xs: 0.75rem; /* 12px */
  --font-size-s: 0.875rem; /* 14px */
  --font-size-m: 1rem; /* 16px */
  --font-size-l: 1.125rem; /* 18px */
  --font-size-xl: 1.25rem; /* 20px */
  --font-size-xxl: 1.5rem; /* 24px */
  --font-size-xxxl: 2rem; /* 32px */
  --font-size-xxxxl: 2.5rem; /* 40px */

  /* Classical and robust spacing system */
  --space-xxxs: 0.25rem; /* 4px */
  --space-xxs: 0.375rem; /* 6px */
  --space-xs: 0.5rem; /* 8px */
  --space-s: 0.75rem; /* 12px */
  --space-m: 1rem; /* 16px */
  --space-l: 1.5rem; /* 24px */
  --space-xl: 2rem; /* 32px */
  --space-xxl: 2.5rem; /* 40px */
  --space-xxxl: 3rem; /* 48px */
  --space-xxxxl: 4rem; /* 64px */

  /* Border radius */
  --border-radius: 0.375rem;

  /* Transitions */
  --transition-default: all 0.3s ease-out 0s;

  /* Border - customizable via --border-size and --border-color */
  --border-size: 1.5px;
  --border: var(--border-size, 2px) solid
    var(--border-color, var(--color-gray-light));
  --border-secondary: var(--border-size, 2px) solid
    var(--border-color, var(--color-green));
  --border-primary: var(--border-size, 2px) solid
    var(--border-color, var(--color-red));
  --border-secondary-dark: var(--border-size, 2px) solid
    var(--border-color, var(--color-green-dark));
  --border-link: var(--border-size, 2px) solid
    var(--color-blue, var(--color-green-dark));

  /* Shadows */
  --shadow-large: 2px 4px 10px hsl(0 0% 0% / 0.1);
  --shadow-small: 1px 3px 6px hsl(0 0% 0% / 0.1);
  --shadow-small-secondary: 1px 3px 6px hsl(0 0% 0% / 0.1);
}