/*--------------------------------------------------------------
# Theme Variables
--------------------------------------------------------------*/

/* Root
--------------------------------------------- */
:root {
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --font-symbol: 'Material Icons Outlined', sans-serif;

  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-base: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  --font-2xl: 1.5rem;
  --font-3xl: 1.875rem;
  --font-4xl: 2.25rem;
  --font-5xl: 3rem;
  --font-6xl: 3.75rem;
  --font-7xl: 4.5rem;

  --font-regular: 400;
  --font-medium: 500;
  --font-bold: 700;

  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-base: 1.5;

  --bg-white: 255, 255, 255; /* #ffffff */
  --bg-black: 0, 0, 0; /* #000000 */
  --bg-light: 245, 245, 245; /* #f5f5f5 */
  --bg-dark: 20, 20, 20; /* #141414 */
  --bg-base: 255, 254, 250; /* #fffefa */
  --bg-primary: #ff6633;
  --bg-secondary: #00cccc;

  --color-white: 255, 255, 255; /* #ffffff */
  --color-black: 0, 0, 0; /* #000000 */
  --color-light: 245, 245, 245; /* #f5f5f5 */
  --color-dark: 31, 39, 17; /* #141414 */
  --color-primary: #00cccc;
  --color-secondary: #ff6633;

  --rounded: 0.25rem;

  --max-w-base: 2560px;
  --max-w-sm: 540px;
  --max-w-md: 720px;
  --max-w-lg: 960px;
  --max-w-xl: 1140px;
  --max-w-2xl: 1320px;
  --max-w-full: 100%;
}