:root {

  --font-family-base: 'Geist', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Colors */
  --color-primary: #FF6B3D;
  --color-primary-dark: #BF4222;
  --color-secondary: #FFD6B3;
  --color-background: #FFFFFF;
  --color-container: #F8F8F8;
  --color-container-hover: #F2F2F2;
  --color-border: #E5E5E5;
  --color-dark: #000000;
  --color-text: #2A2A2A;
  --color-muted: #5C5C5C;
  --color-success: #22c55e;
  --color-error: #C33939;

  /* Font Sizes Mobile */
  --font-headline-1: 2rem;
  --font-headline-2: 1.625rem;
  --font-headline-3: 1.25rem;
  --font-text: 1rem;
  --font-small: 0.75rem;

  /* Spacings Mobile */
  --spacing-section: 4rem;
  --spacing-xl: 3rem;
  --spacing-l: 2rem;
  --spacing-m: 1.125rem;
  --spacing-s: 0.75rem;
  --spacing-xs: 0.5rem;

  /* misc */
  --page-padding-x: 1.5rem;
  --maxwidth: 100rem;
  --sidebar-icon-width: 1.5rem;
  --dashboard-border-width: 1px;
  --sidebar-inline-padding: calc(var(--spacing-m) - var(--spacing-s));
  --sidebar-open-size: 17rem;
}

@media (min-width: 768px) {
  :root {
    /* Font Sizes Desktop */
    --font-headline-1: 3rem;
    --font-headline-2: 2rem;
    --font-headline-3: 1.5rem;
    --font-text: 1.125rem;
    --font-small: 0.875rem;

    /* Spacings Desktop */
    --spacing-section: 5rem;
    --spacing-xl: 3.75rem;
    --spacing-l: 2.5rem;
    --spacing-m: 1.563rem;
    --spacing-s: 0.938rem;
    --spacing-xs: 0.625rem;

    /* misc */
    --page-padding-x: 3rem;
    --sidebar-close-size: calc(var(--sidebar-icon-width) + 2 * (var(--spacing-s) + var(--sidebar-inline-padding)) + var(--dashboard-border-width));
  }
}

@media (min-width: 1200px) {
  :root {
    /* misc */
    --page-padding-x: 10rem;
  }
}