/* ========================================
   AVCTRUST DESIGN TOKENS SYSTEM
   ========================================
   
   Generated: 2025-11-18 09:35:18
   Source: Database (Dynamic)
   Total Tokens: 106
   ========================================
*/

/* TEMA CLARO (Light Theme) */
:root {
    --admin-header-bg: linear-gradient(135deg, #1E293B, #0F172A);
    --admin-header-bg-end: #0F172A;
    --admin-header-bg-start: #1E293B;
    --button-danger-bg: #FF073A;
    --button-icon-height: 38px;
    --button-icon-width: 42px;
    --button-padding: 12px 24px;
    --button-primary-bg: #08222b;
    --button-primary-bg-hover: #00c2cb;
    --button-primary-text: #ffffff;
    --button-radius: 10px;
    --button-secondary-bg: #00c2cb;
    --button-secondary-text: #ffffff;
    --button-success-bg: #00c2cb;
    --color-bg-card: #fafafa;
    --color-bg-elevated: #ffffff;
    --color-bg-page: #ffffff;
    --color-bg-section: #f3f6f8;
    --color-border-default: #d6d6d6;
    --color-border-strong: #08222b;
    --color-brand-accent: #FF073A;
    --color-brand-primary: #08222b;
    --color-brand-secondary: #3498DB;
    --color-status-error: #dc3545;
    --color-status-info: #17a2b8;
    --color-status-success: #2eb24d;
    --color-status-warning: #ffc107;
    --color-text-invert: #E0E8E9;
    --color-text-muted: #676b6f;
    --color-text-primary: #2c3e50;
    --color-text-secondary: #4a5a68;
    --effect-hover-scale: 1.05;
    --effect-hover-translate-y-sm: 2px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-sm: 14px;
    --font-size-xl: 24px;
    --font-size-xs: 12px;
    --footer-accent: #00eeff;
    --footer-accent-hover: #00ff59;
    --footer-bg: #08222b;
    --footer-bg-gradient: linear-gradient(135deg, #082135 0%, #0B1320 100%);
    --footer-border: #08222b;
    --footer-overlay: #114c5f;
    --footer-text-muted: #ffffff;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ffffff;
    --header-bg: #f8f9fa;
    --header-bg-gradient: linear-gradient(180deg, #ffffff, #f0f2f5);
    --header-border: rgba(0,0,0,0.06);
    --header-height: 70px;
    --header-shadow: 0 10px 30px rgba(0,0,0,0.06);
    --header-text-primary: #08222b;
    --header-text-secondary: #7b7b7b;
    --layout-border-width: 1px;
    --layout-breakpoint-sm: 768px;
    --letter-spacing-tight: 0.5px;
    --menu-bg: #f0f2f5;
    --menu-border: #08222b;
    --menu-hamburger-bg: transparent;
    --menu-hamburger-bg-hover: transparent;
    --menu-hamburger-line-active-rotation: 45deg;
    --menu-hamburger-line-color: #08222b;
    --menu-hamburger-line-color-hover: #34495e;
    --menu-hamburger-line-height: 2px;
    --menu-hamburger-line-width-1: 24px;
    --menu-hamburger-line-width-2: 18px;
    --menu-icon-color: #08222b;
    --menu-icon-hover: #007bff;
    --menu-item-bg: #ffffff;
    --menu-item-bg-active: #d6d6d6;
    --menu-item-bg-hover: #e1e5ea;
    --menu-item-color: #08222b;
    --menu-item-color-hover: #ffffff;
    --menu-link-active: #34495e;
    --menu-link-color: #00c2cb;
    --menu-link-hover: #00c2cb;
    --menu-overlay-bg: rgba(0,0,0,0.3);
    --menu-section-bg: #ffffff;
    --menu-section-border: #08222b;
    --menu-shadow: 0 10px 40px rgba(0,0,0,0.15);
    --menu-text-muted: #adb5bd;
    --menu-text-primary: #08222b;
    --menu-text-secondary: #34495e;
    --menu-user-bg: #f8f9fa;
    --menu-user-border: rgba(0,0,0,0.1);
    --radius-lg: 12px;
    --radius-md: 8px;
    --radius-sm: 4px;
    --radius-xl: 18px;
    --reviews-card-border: #ffffff;
    --reviews-card-primary-bg: #F8F8F8;
    --reviews-card-secondary-bg: #F8F8F8;
    --reviews-card-shadow: 0 10px 20px rgba(14,47,68,0.35);
    --reviews-section-bg: #4A7C8D;
    --reviews-star-color: #FFD700;
    --reviews-text-primary: #0E2F44;
    --reviews-text-secondary: #343A40;
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.10);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.10);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.12);
    --space-lg: 24px;
    --space-md: 16px;
    --space-sm: 8px;
    --space-xl: 32px;
    --space-xs: 4px;
}

/* TEMA OSCURO (Dark Theme) */
html[data-theme="dark"] {
    --admin-header-bg: linear-gradient(135deg, #1E293B, #0F172A);
    --admin-header-bg-end: #0F172A;
    --admin-header-bg-start: #1E293B;
    --button-danger-bg: #dc3545;
    --button-icon-height: 38px;
    --button-icon-width: 42px;
    --button-padding: 12px 24px;
    --button-primary-bg: #66b0ff;
    --button-primary-bg-hover: #009eb3;
    --button-primary-text: #ffffff;
    --button-radius: 4px;
    --button-secondary-bg: #868f98;
    --button-secondary-text: #ffffff;
    --button-success-bg: #28a745;
    --color-bg-card: #091f32;
    --color-bg-elevated: #0f172a;
    --color-bg-page: #0c1420;
    --color-bg-section: #08222b;
    --color-border-default: #404040;
    --color-border-strong: #505050;
    --color-brand-accent: #FF073A;
    --color-brand-primary: #053911;
    --color-brand-secondary: #3498DB;
    --color-status-error: #ef4444;
    --color-status-info: #06bfd4;
    --color-status-success: #4ade80;
    --color-status-warning: #f59e0b;
    --color-text-invert: #E0E8E9;
    --color-text-muted: #d1d1d1;
    --color-text-primary: #f1f5f8;
    --color-text-secondary: #b8c3cc;
    --effect-hover-scale: 1.05;
    --effect-hover-translate-y-sm: 4px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-sm: 14px;
    --font-size-xl: 24px;
    --font-size-xs: 12px;
    --footer-accent: #00eeff;
    --footer-accent-hover: #00ff59;
    --footer-bg: #08222b;
    --footer-bg-gradient: linear-gradient(135deg, #082135 0%, #0B1320 100%);
    --footer-border: #08222b;
    --footer-overlay: #114c5f;
    --footer-text-muted: #ffffff;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ffffff;
    --header-bg: #0c1420;
    --header-bg-gradient: linear-gradient(180deg, #0c1420, #0a0f18);
    --header-border: rgba(255,255,255,0.1);
    --header-height: 70px;
    --header-shadow: 0 10px 30px rgba(0,0,0,0.30);
    --header-text-primary: #f1f5f8;
    --header-text-secondary: #a5b1c2;
    --layout-border-width: 1px;
    --layout-breakpoint-sm: 768px;
    --letter-spacing-tight: 0.5px;
    --menu-bg: #002537;
    --menu-border: rgba(255,255,255,0.1);
    --menu-hamburger-bg: transparent;
    --menu-hamburger-bg-hover: rgba(241,196,15,0.1);
    --menu-hamburger-line-active-rotation: 45deg;
    --menu-hamburger-line-color: #ffffff;
    --menu-hamburger-line-color-hover: #f39c12;
    --menu-hamburger-line-height: 2px;
    --menu-hamburger-line-width-1: 24px;
    --menu-hamburger-line-width-2: 18px;
    --menu-icon-color: #cccccc;
    --menu-icon-hover: #66b0ff;
    --menu-item-bg: #002537;
    --menu-item-bg-active: rgba(102,176,255,0.15);
    --menu-item-bg-hover: rgba(102,176,255,0.1);
    --menu-item-color: #ecf0f1;
    --menu-item-color-hover: #f39c12;
    --menu-link-active: #4da6ff;
    --menu-link-color: #ffffff;
    --menu-link-hover: #66b0ff;
    --menu-overlay-bg: rgba(0,0,0,0.5);
    --menu-section-bg: rgba(255,255,255,0.02);
    --menu-section-border: rgba(255,255,255,0.05);
    --menu-shadow: 0 10px 40px rgba(0,0,0,0.30);
    --menu-text-muted: #999999;
    --menu-text-primary: #ecf0f1;
    --menu-text-secondary: #cccccc;
    --menu-user-bg: #002537;
    --menu-user-border: rgba(255,255,255,0.1);
    --radius-lg: 12px;
    --radius-md: 8px;
    --radius-sm: 4px;
    --radius-xl: 18px;
    --reviews-card-border: rgba(255,255,255,0.08);
    --reviews-card-primary-bg: #08222b;
    --reviews-card-secondary-bg: #091f32;
    --reviews-card-shadow: 0 10px 30px rgba(0,0,0,0.60);
    --reviews-section-bg: #0c1420;
    --reviews-star-color: #FFD700;
    --reviews-text-primary: #ffffff;
    --reviews-text-secondary: #d1d1d1;
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.30);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.30);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.5);
    --space-lg: 24px;
    --space-md: 16px;
    --space-sm: 8px;
    --space-xl: 32px;
    --space-xs: 4px;
}