Kenzo
761bd6be80
- Enforced `!important` for `--color-background` in `variables.css`. - Centralized CSS imports in `Layout.astro` for cleaner markup. - Adjusted Dockerfile to ensure CSS variables are copied to `public/styles`. - Refined fallback handling in `index.css` for `background-color`.
34 lines
802 B
CSS
34 lines
802 B
CSS
:root {
|
|
/* Colors */
|
|
--color-background: #000000 !important;
|
|
--color-text: #f5f5f5;
|
|
--color-accent-green: #213b28;
|
|
--color-accent-beige: #ceb39b;
|
|
--color-accent-green-transparent: rgba(33, 59, 40, 0.95);
|
|
--color-shadow: rgba(0, 0, 0, 0.2);
|
|
--color-orange1: #ffa500;
|
|
|
|
/* Font Sizes */
|
|
--font-family-primary: 'Georgia', serif;
|
|
--font-size-small: 1rem;
|
|
--font-size-small-medium: 1.2rem;
|
|
--font-size-medium: 1.5rem;
|
|
--font-size-large: 2rem;
|
|
--line-height: 1.6;
|
|
|
|
|
|
--container-width: 100%;
|
|
--container-max-width: 1600px;
|
|
--padding-vertical: 2rem;
|
|
--padding-horizontal: 0;
|
|
--margin-standard: 1rem;
|
|
--gap-standard: 30px;
|
|
|
|
--border-radius: 8px;
|
|
--box-shadow: 0 4px 8px var(--color-shadow);
|
|
--transition-standard: 0.3s ease;
|
|
|
|
|
|
--breakpoint-mobile: 768px;
|
|
--breakpoint-desktop: 1600px;
|
|
} |