/* Rettangoli Sites theme bundle. Apply one class to or . */ :root { --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --spacing-xs: 2px; --spacing-sm: 4px; --spacing-md: 8px; --spacing-lg: 16px; --spacing-xl: 32px; --border-radius-xs: 0; --border-radius-sm: 0; --border-radius-md: 0; --border-radius-lg: 0; --border-radius-xl: 0; --border-radius-f: 0; --border-radius-full: 9999px; --border-width-xs: 1px; --border-width-sm: 2px; --border-width-md: 4px; --border-width-lg: 8px; --border-width-xl: 16px; --shadow-sm: none; --shadow-md: none; --shadow-lg: none; --h1-font-size: 3rem; --h1-font-weight: 800; --h1-line-height: 1; --h1-letter-spacing: -.025em; --h2-font-size: 1.875rem; --h2-font-weight: 600; --h2-line-height: 2.25rem; --h2-letter-spacing: -.025em; --h3-font-size: 1.5rem; --h3-font-weight: 600; --h3-line-height: 2rem; --h3-letter-spacing: -.025em; --h4-font-size: 1.25rem; --h4-font-weight: 600; --h4-line-height: 1.75rem; --h4-letter-spacing: -.025em; --lg-font-size: 1.125rem; --lg-font-weight: 400; --lg-line-height: 1.75rem; --lg-letter-spacing: normal; --md-font-size: 1.0625rem; --md-font-weight: 400; --md-line-height: 1.5rem; --md-letter-spacing: normal; --sm-font-size: .875rem; --sm-font-weight: 400; --sm-line-height: 1; --sm-letter-spacing: normal; --xs-font-size: .75rem; --xs-font-weight: 400; --xs-line-height: 1; --xs-letter-spacing: normal; --anchor-color: inherit; --anchor-color-hover: inherit; --anchor-text-decoration: underline; --anchor-text-decoration-hover: underline; /* Sensible fallback in case no theme class is set. */ --primary: oklch(0.922 0 0); --primary-foreground: oklch(0.305 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --destructive: oklch(0.704 0.191 22.216); --destructive-foreground: oklch(0.985 0 0); --background: rgb(29 29 29); --foreground: rgb(242 242 242); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.371 0 0); --accent-foreground: oklch(0.985 0 0); --border: oklch(1 0 0 / 10%); --input: oklch(1 0 0 / 15%); --ring: oklch(0.556 0 0); } .mono-light { --primary: #171717; --primary-foreground: #fafafa; --secondary: #f5f5f5; --secondary-foreground: #171717; --destructive: #e40014; --destructive-foreground: #fcf3f3; --background: #ffffff; --foreground: #0a0a0a; --muted: #f5f5f5; --muted-foreground: #737373; --accent: #f5f5f5; --accent-foreground: #171717; --border: #e5e5e5; --input: #e5e5e5; --ring: #a1a1a1; } .mono-dark { --background: #0a0a0a; --foreground: #fafafa; --primary: #e5e5e5; --primary-foreground: #171717; --secondary: #262626; --secondary-foreground: #fafafa; --muted: #262626; --muted-foreground: #a1a1a1; --accent: #404040; --accent-foreground: #fafafa; --destructive: #ff6568; --destructive-foreground: #df2225; --border: #ffffff1a; --input: #ffffff26; --ring: #737373; } .slate-light { --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.145 0 0); --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.95 0 0); --accent-foreground: oklch(0.205 0 0); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); } .slate-dark { --background: rgb(29 29 29); --foreground: rgb(242 242 242); --primary: oklch(0.922 0 0); --primary-foreground: oklch(0.305 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.371 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.704 0.191 22.216); --destructive-foreground: oklch(0.985 0 0); --border: oklch(1 0 0 / 10%); --input: oklch(1 0 0 / 15%); --ring: oklch(0.556 0 0); } .catppuccin-latte { --primary: #1e66f5; --primary-foreground: #eff1f5; --secondary: #ccd0da; --secondary-foreground: #4c4f69; --destructive: #d20f39; --destructive-foreground: #eff1f5; --background: #eff1f5; --foreground: #4c4f69; --muted: #e6e9ef; --muted-foreground: #6c6f85; --accent: #dce0e8; --accent-foreground: #4c4f69; --border: #bcc0cc; --input: #ccd0da; --ring: #7287fd; } .catppuccin-frappe { --primary: #8caaee; --primary-foreground: #303446; --secondary: #414559; --secondary-foreground: #c6d0f5; --destructive: #e78284; --destructive-foreground: #303446; --background: #303446; --foreground: #c6d0f5; --muted: #414559; --muted-foreground: #a5adce; --accent: #51576d; --accent-foreground: #c6d0f5; --border: #626880; --input: #51576d; --ring: #babbf1; } .catppuccin-macchiato { --primary: #8aadf4; --primary-foreground: #24273a; --secondary: #363a4f; --secondary-foreground: #cad3f5; --destructive: #ed8796; --destructive-foreground: #24273a; --background: #24273a; --foreground: #cad3f5; --muted: #363a4f; --muted-foreground: #a5adcb; --accent: #494d64; --accent-foreground: #cad3f5; --border: #6e738d; --input: #494d64; --ring: #b7bdf8; } .catppuccin-mocha { --background: #1e1e2e; --foreground: #cdd6f4; --primary: #89b4fa; --primary-foreground: #1e1e2e; --secondary: #313244; --secondary-foreground: #cdd6f4; --muted: #313244; --muted-foreground: #a6adc8; --accent: #45475a; --accent-foreground: #cdd6f4; --destructive: #f38ba8; --destructive-foreground: #1e1e2e; --border: #585b70; --input: #45475a; --ring: #b4befe; } .github-light { --background: #ffffff; --foreground: #1f2328; --primary: #0969da; --primary-foreground: #ffffff; --secondary: #f6f8fa; --secondary-foreground: #24292f; --muted: #f6f8fa; --muted-foreground: #57606a; --accent: #ddf4ff; --accent-foreground: #0969da; --destructive: #cf222e; --destructive-foreground: #ffffff; --border: #d0d7de; --input: #d0d7de; --ring: #0969da; } .github-dark { --background: #0d1117; --foreground: #c9d1d9; --primary: #58a6ff; --primary-foreground: #0d1117; --secondary: #21262d; --secondary-foreground: #c9d1d9; --muted: #21262d; --muted-foreground: #8b949e; --accent: #30363d; --accent-foreground: #c9d1d9; --destructive: #f85149; --destructive-foreground: #0d1117; --border: #30363d; --input: #30363d; --ring: #58a6ff; } .nord-light { --background: #eceff4; --foreground: #2e3440; --primary: #5e81ac; --primary-foreground: #eceff4; --secondary: #e5e9f0; --secondary-foreground: #2e3440; --muted: #e5e9f0; --muted-foreground: #4c566a; --accent: #d8dee9; --accent-foreground: #2e3440; --destructive: #bf616a; --destructive-foreground: #eceff4; --border: #d8dee9; --input: #d8dee9; --ring: #81a1c1; } .nord-dark { --background: #2e3440; --foreground: #eceff4; --primary: #88c0d0; --primary-foreground: #2e3440; --secondary: #3b4252; --secondary-foreground: #eceff4; --muted: #3b4252; --muted-foreground: #d8dee9; --accent: #434c5e; --accent-foreground: #eceff4; --destructive: #bf616a; --destructive-foreground: #eceff4; --border: #4c566a; --input: #4c566a; --ring: #88c0d0; }