/* ==========================================================================
   CSS VARIABLES - Global Theme Variables
   ViaHomeopatica Theme
   ========================================================================== */

:root {
    /* Primary Palette */
    --primary: #734c75;
    --primary-dark: #5a3d5c;
    --secondary: #d1d9d0;
    --accent: #4a6b5e;
    --background: #f5f7f3;
    --text-color: #333333;
    --text-light: #666666;

    /* Additional Colors */
    --color-card-title: #006400;
    --color-section-title: #2c3e50;
    --color-subtitle: #7f8c8d;
    --color-base-desc: #5a6b7e;

    /* Backgrounds */
    --bg-card: #f8f9fa;
    --bg-miasm: #e8f0e8;
    --bg-hover: #f0f0f0;

    /* Borders */
    --border-light: #eaeaea;
    --border-medium: #eee;

    /* Header */
    --header-bg: #ffffff;
    --header-border: #eaeaea;
    --header-top-height: 90px;
    --header-nav-height: 64px;
    --header-total-height: 150px;
    --header-height: 150px;

    /* Footer */
    --footer-bg: #2c3e50;
    --footer-text: #bdc3c7;
    --footer-text-light: #ecf0f1;

    /* Badge Colors */
    --badge-student-bg: #e8f0e8;
    --badge-student-text: #2e7d32;
    --badge-club-bg: #e3f2fd;
    --badge-club-text: #1976d2;
    --badge-teacher-bg: #fff3e0;
    --badge-teacher-text: #f57c00;
    --badge-admin-bg: #f3e5f5;
    --badge-admin-text: #7b1fa2;
    --badge-guest-bg: #f0f0f0;
    --badge-guest-text: #757575;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);

    /* Scroll Buttons */
    --scroll-btn-width: 38px;
    --scroll-btn-height: 64px;
    --scroll-btn-gap: 10px;
    --scroll-btn-right: 20px;
    --scroll-btn-bottom: 80px;
    --scroll-btn-radius: 18px;
    --scroll-btn-width-mobile: 34px;
    --scroll-btn-height-mobile: 56px;
    --scroll-btn-right-mobile: 6px;
    --scroll-btn-text: #fdf8ff;
    --scroll-btn-border: rgba(255, 255, 255, 0.34);
    --scroll-btn-border-strong: rgba(255, 255, 255, 0.56);
    --scroll-btn-surface: linear-gradient(180deg, #927196 0%, #734c75 56%, #563558 100%);
    --scroll-btn-surface-hover: linear-gradient(180deg, #a17ca5 0%, #7f5983 52%, #58355b 100%);
    --scroll-btn-surface-active: linear-gradient(180deg, #ab88af 0%, #855f89 50%, #512f53 100%);
    --scroll-btn-shadow: 0 14px 26px rgba(68, 40, 70, 0.22), 0 5px 12px rgba(115, 76, 117, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.34);
    --scroll-btn-shadow-hover: 0 18px 34px rgba(68, 40, 70, 0.28), 0 8px 16px rgba(115, 76, 117, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    --scroll-btn-shadow-pressed: 0 10px 20px rgba(68, 40, 70, 0.24), inset 0 2px 5px rgba(78, 46, 81, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    --scroll-btn-focus: rgba(115, 76, 117, 0.22);

    /* Spacing */
    --container-max: 1200px;

    /* Transitions */
    --transition-fast: 0.2s;
    --transition-normal: 0.3s;
}