:root {
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-xxl: 3rem;
  --space-huge: 4rem;

  /* Padding presets */
  --pad-0: 0;
  --pad-xs: var(--space-xs);
  --pad-sm: var(--space-sm);
  --pad-md: var(--space-md);
  --pad-lg: var(--space-lg);
  --pad-xl: var(--space-xl);
  --pad-xxl: var(--space-xxl);

  /* Common component paddings */
  --pad-card: var(--space-lg);
  --pad-card-sm: var(--space-md);
  --pad-section: var(--space-xxl);
  --pad-section-sm: var(--space-xl);
  --pad-input-y: 0.65rem;
  --pad-input-x: 0.9rem;
  --pad-btn-y: 0.6rem;
  --pad-btn-x: 1rem;

  /* Gap presets (for flex/grid) */
  --gap-0: 0;
  --gap-xs: var(--space-xs);
  --gap-sm: var(--space-sm);
  --gap-md: var(--space-md);
  --gap-lg: var(--space-lg);
  --gap-xl: var(--space-xl);

  /* Margin presets */
  --mar-0: 0;
  --mar-xs: var(--space-xs);
  --mar-sm: var(--space-sm);
  --mar-md: var(--space-md);
  --mar-lg: var(--space-lg);
  --mar-xl: var(--space-xl);
  --mar-xxl: var(--space-xxl);

  /* Stack spacing (vertical rhythm) */
  --stack-xs: var(--space-xs);
  --stack-sm: var(--space-sm);
  --stack-md: var(--space-md);
  --stack-lg: var(--space-lg);
  --stack-xl: var(--space-xl);
  --stack-xxl: var(--space-xxl);


  --container-padding: var(--space-md);
  --container-width-sm: 540px;
  --container-width-md: 720px;
  --container-width-lg: 960px;
  --container-width-xl: 1140px;
  --container-width-xxl: 1320px;

  --grid-gap: var(--space-md);
  --grid-columns: 12;
  --primary-orange: #F0562D;
  --text-dark: #364153;
  --text-dark-28: #101828;
  --text-gray: #6A7282;
  
  --bg-gray-fb: #F9FAFB;
  --bg-gray: #F0F0F0;
  --bg-gray-f6: #F3F4F6;
  --white: #ffffff;
  --border-color: #E5E7EB;
  --sidebar-width: 330px;
  --header-height: 60px;
  --radius: 10px;
  --radius-lg: 12px;
  --font-base: "Visby", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 1.3rem;
  --text-3xl: 1.5rem;
  --text-4xl: 2rem;
  --text-5xl: 2.2rem;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semi-bold: 600;
  --weight-bold: 700;
  --weight-black: 900;

  --leading-none: 1;
  --leading-tight: 1.2;
  --leading-normal: 1.6;
  --leading-loose: 1.8;

}