68d679759d
- Add --font-size-xs..4xl, --font-weight-*, --line-height-* tokens to src/styles.scss (no typography scale previously existed) - Add --radius-xs (4px) and --radius-full (999px) to all three theme files (dexar/lavero/novo) to cover chip/badge and pill shapes already in wide use (41x 999px, 9x 4px across the app) but previously hand-written per component - Apply the new tokens to global base elements (body/h1-h6/p/small), the .btn/.mt-*/.mb-*/.p-* utility classes, and the shared .item-badge/.item-tag/.item-simple-desc classes - Extend --space-* scale with --space-2xl (48px) and --space-3xl (64px) for section-level gaps
41 lines
1.1 KiB
SCSS
41 lines
1.1 KiB
SCSS
// Lovero Store Theme - Orange/Green Colors
|
|
:root {
|
|
--primary-color: #FD7300;
|
|
--primary-hover: #E24B00;
|
|
--secondary-color: #3AAA35;
|
|
--secondary-hover: #2d8429;
|
|
--accent-color: #ff943d;
|
|
--accent-hover: #FD7300;
|
|
|
|
--gradient-primary: linear-gradient(135deg, #FD7300 0%, #3AAA35 100%);
|
|
--gradient-secondary: linear-gradient(135deg, #ff943d 0%, #FD7300 100%);
|
|
--gradient-hero: linear-gradient(135deg, #FD7300 0%, #E24B00 100%);
|
|
|
|
--text-primary: #1f2937;
|
|
--text-secondary: #4b5563;
|
|
--text-light: #9ca3af;
|
|
|
|
--bg-primary: #ffffff;
|
|
--bg-secondary: #f0fdf4;
|
|
--bg-tertiary: #d1fae5;
|
|
|
|
--success-color: #FD7300;
|
|
--warning-color: #f59e0b;
|
|
--error-color: #ef4444;
|
|
--info-color: #3b82f6;
|
|
|
|
--border-color: #e5e7eb;
|
|
--border-dark: #4b5563;
|
|
--bg-header: rgba(253, 115, 0, 0.05);
|
|
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
|
|
--shadow-lg: 0 12px 40px rgba(253, 115, 0, 0.25);
|
|
|
|
--radius-xs: 4px;
|
|
--radius-sm: 8px;
|
|
--radius-md: 12px;
|
|
--radius-lg: 16px;
|
|
--radius-xl: 20px;
|
|
--radius-full: 999px;
|
|
}
|