/* Design Tokens — generat dinamic din DB */
:root {
    --color-primary: #f6b60b;
    --color-primary-dark: #d4900e;
    --color-primary-hover: #e6bf00;
    --color-dark: #222222;
    --color-darker: #111f29;
    --color-text: #555555;
    --color-text-light: #999999;
    --color-text-secondary: #374151;
    --color-text-muted: #6b7280;
    --color-bg: #ffffff;
    --color-bg-light: #f5f5f5;
    --color-bg-secondary: #f9fafb;
    --color-bg-tertiary: #f3f4f6;
    --color-border: #eeeeee;
    --color-border-light: #e5e7eb;
    --color-border-medium: #d1d5db;
    --color-footer-bg: #2d2d2d;
    --color-topbar-bg: #111f29;
    --color-success: #10b981;
    --color-success-bg: #d1fae5;
    --color-success-text: #166534;
    --color-error: #dc2626;
    --color-error-bg: #fef2f2;
    --color-error-text: #991b1b;
    --color-warning-bg: #fff3cd;
    --color-warning-text: #856404;
    --color-info-bg: #d1ecf1;
    --color-info-text: #0c5460;
    --color-teal: #7eb4b5;
    --color-teal-dark: #4a8a8c;
    --color-teal-darkest: #2c6b6c;
    --color-teal-light: #b5d7d8;
    --color-teal-bg: #e8f4f4;
    --font-main: 'Roboto', 'Open Sans', sans-serif;
    --font-mono: 'Courier New', monospace;
    --font-size-xxs: 10px;
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-body-sm: 13px;
    --font-size-body: 14px;
    --font-size-body-md: 15px;
    --font-size-body-lg: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 22px;
    --font-size-3xl: 24px;
    --font-size-4xl: 28px;
    --font-size-5xl: 32px;
    --font-size-6xl: 36px;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-2xl: 24px;
    --spacing-3xl: 30px;
    --spacing-4xl: 40px;
    --spacing-5xl: 50px;
    --spacing-6xl: 60px;
    --container-width: 1200px;
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-3xl: 20px;
    --shadow-xs: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 16px 40px rgba(0, 0, 0, 0.2);
    --shadow-gold: 0 6px 20px rgba(246, 182, 11, 0.15);
    --header-height: 100px;
    --header-height-mobile: 60px;
    --topbar-height: 50px;
    --footer-padding-top: 50px;
    --footer-columns: 4;
    --card-radius: var(--radius-lg);
    --card-padding: var(--spacing-xl);
}