/**
 * SWARCS ENGINEERING - DESIGN SYSTEM
 * (c) 2006-2026 Software Architectures and Solutions d.o.o. Novi Sad.
 * All Rights Reserved.
 * * MODULE: GLOBAL THEME VARIABLES
 * Definition of the core visual tokens, color palettes, and structural constants.
 * This file serves as the Single Source of Truth (SSoT) for the SWARCS UI.
 * * @version 2026.1.0
 */

:root {

    /**
     * CORE SURFACES (Backgrounds)
     * Defines the depth levels of the dark interface.
     */
    --bg-black:      #000000; /* Absolute pitch black for primary backgrounds */
    --bg-sub-menu:   #080808; /* Slightly elevated surface for navigation overlays */
    --bg-mobile-sub: #050505; /* Optimized contrast for mobile sub-menus */
    --bg-card:       #0a0a0a; /* Surface level for feature cards and containers */

    /**
     * STRUCTURAL BOUNDARIES (Borders & Dividers)
     * Controlled contrast ratios for technical legibility.
     */
    --border:        #111111; /* Default hair-line divider */
    --border-dark:   #1a1a1a; /* Reinforced boundary for sections */
    --border-subtle: #1a1a1a; /* Soft separation for nested elements */
    --border-sticky: #333333; /* High-contrast border for the floating header */
    --border-mobile: #111111; /* Consistent mobile-only demarcation */

    /**
     * BRANDING & ACCENTS
     * The 'SWARCS Blue' palette and interaction glows.
     */
    --accent-blue:       #1a4a8e; /* Primary brand blue - Industry & Trust */
    --accent-blue-hover: #265da1; /* Active state / Hover interaction */
    --accent-glow: rgba(26, 74, 142, 0.3); /* Soft branding glow for UI highlights */

    /**
     * TYPOGRAPHY (Text Colors)
     * Hierarchical text values based on readability standards.
     */
    --text-primary:   #D1D1D1; /* Main content and body copy */
    --text-secondary: #A0A0A0; /* Secondary labels and metadata */
    --text-muted:     #949494; /* De-emphasized info and placeholders */
    --text-dark:      #767676; /* Low-visibility technical backgrounds */

    /**
     * EFFECTS & OPTICS (Readability & Depth)
     * Advanced legibility tokens for text-over-image scenarios.
     */
    --ts-hero-outline:
            -1px -1px 0 var(--bg-black),
            1px -1px 0 var(--bg-black),
            -1px  1px 0 var(--bg-black),
            1px  1px 0 var(--bg-black);

    /* * GLOBAL GEOMETRY TOKENS
     * Centralized definition for UI radii to ensure cross-module consistency.
     */
    --radius-standard: 6px;
}