/* ==========================================================================
   GLOBAL VARIABLES & CONFIGURATION (Single Source of Truth)
   ========================================================================== */

:root {
    /* -----------------------------------------------------------
       1. BRAND & THEME COLORS
       ----------------------------------------------------------- */
    /* Primary Brand Colors */
    --color-primary: #5dbc00;
    --color-primary-hover: #5dbc00;
    --color-primary-dark: #4c9700;
    --color-secondary-bg: #eaf6e6;

    /* Accent Colors (Metronic Base) */
    --color-accent: #17bed2;
    --color-accent-hover: #63cbd7;

    /* Status Colors */
    --color-danger: #dc3545;
    --bg-danger-light: #fff0f0;

    --msg-success-bg: #e7f6ec;
    --msg-success-border: #34a853;
    --msg-success-text: #1e4620;

    /* -----------------------------------------------------------
       2. TEXT COLORS & TYPOGRAPHY
       ----------------------------------------------------------- */
    /* Fonts */
    --font-main: 'Hind', sans-serif;
    --font-heading: 'Montserrat', 'Hind', Arial, sans-serif;

    /* Global Text Levels */
    --color-text-main: #525e6c;
    /* Standard body text */
    --color-text-light: #999caa;
    /* Muted text */
    --color-text-dark: #666666;
    /* Slightly darker text */

    /* Specific Text Shades */
    --color-text-strong: #040404;
    /* Very dark/Black text */
    --color-text-semidark: #3c3c3c;
    --color-text-board: #282828;

    /* -----------------------------------------------------------
       3. UI ELEMENTS (Backgrounds, Borders, Shadows)
       ----------------------------------------------------------- */
    --bg-light: #fafafa;
    --bg-white: #ffffff;
    --border-color: #e0e4ea;

    /* Shadows */
    --nav-shadow: 0 4px 16px rgba(80, 120, 140, 0.10);
    --nav-bg-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --modal-shadow: 0 20px 60px rgba(0, 0, 0, 0.24);

    /* Dimensions */
    --nav-height: 5em;
    --border-radius-sm: 3px;
    --border-radius-md: 12px;
    --border-radius-lg: 22px;

    /* -----------------------------------------------------------
       4. FORMS & INPUTS
       ----------------------------------------------------------- */
    --input-bg: #f8fff5;
    --input-bg-focus: #f3fbe9;
    --input-border: #b7e2b0;
    --bg-gradient-registrace: linear-gradient(120deg, #e6f7d9 0%, #c6e6b3 100%);

    /* Tables */
    --table-header-bg: #e6f7d9;
    --table-row-hover: #f3f7f9;
    --table-border-light: #e6e6e6;

    /* -----------------------------------------------------------
       5. COMPONENT SPECIFIC SETTINGS
       ----------------------------------------------------------- */

    /* Basic Info Section */
    --bg-header-img: url('../img/bckg-title-top.png');
    --bg-organizing-board: #ececec;

    /* Travel Section */
    --travel-bg-image: url('../img/bckg-travel.jpg');
    --travel-text-color: #040404;

    /* Timeline / Geometry */
    --line-thickness: 4px;
    --dot-size: 24px;
    --line-offset: 12px;

    /* -----------------------------------------------------------
       6. SIGHTSEEING / GALLERY SECTION
       ----------------------------------------------------------- */
    /* Image Paths */
    --img-gala-1: url('../img/sightseeing/01.jpg');
    --img-gala-2: url('../img/sightseeing/02.jpg');
    --img-gala-3: url('../img/sightseeing/03.jpg');
    --img-gala-4: url('../img/sightseeing/04.jpg');
    --img-gala-5: url('../img/sightseeing/05.jpg');
    --img-gala-6: url('../img/sightseeing/06.jpg');
    --img-gala-7: url('../img/sightseeing/07.jpg');
    --img-gala-8: url('../img/sightseeing/08.jpg');

    /* Visual Settings for Cards */
    --card-text-color: #ebebeb;
    --card-text-color-hover: #ffffff;

    /* Overlay & Effects */
    --overlay-bg-default: rgba(0, 0, 0, 0.45);
    --overlay-bg-hover: rgba(0, 0, 0, 0.35);
    --overlay-fade-speed: 0.6s;

    /* Specific Shadows */
    --shadow-card-default: 0 4px 24px rgba(0, 0, 0, 0.18);
    --text-shadow-default: 0 6px 32px rgba(0, 0, 0, 0.10), 0 2px 8px rgba(0, 0, 0, 0.04);

    /* -----------------------------------------------------------
       7. SPEAKERS SECTION
       ----------------------------------------------------------- */
    /* Edge and Shadow Settings */
    --speaker-bg: #ffffff;
    --speaker-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    --speaker-photo-bg: #ffffff;
    --speaker-border-color: var(--color-primary);
}