/* ========================================
   SETTINGS - CSS CUSTOM PROPERTIES
   Most generic layer: Variables and configuration
   ======================================== */

:root {
    /* Apidae Brand Colors - Primary palette */
    --apidae-honey: #FEB737;
    --apidae-lagoon: #01B3B3;
    --apidae-dark-grey: #545454;
    --apidae-white: #FFFFFF;

    /* Apidae Brand Color Variations */
    --apidae-honey-hover: #E89F1A;
    --apidae-lagoon-hover: #018A8A;

    /* Bootstrap Integration - Override default colors */
    --bs-primary: var(--apidae-honey);
    --bs-secondary: var(--apidae-lagoon);

    /* Semantic Colors - Bootstrap compatible */
    --bs-success: #198754;
    --bs-danger: #dc3545;
    --bs-warning: #ffc107;
    --bs-info: #0dcaf0;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;

    /* Neutral Colors */
    --neutral-50: #f8f9fa;
    --neutral-100: #e9ecef;
    --neutral-200: #dee2e6;
    --neutral-500: #6c757d;
    --neutral-600: #495057;
    --neutral-900: #212529;

    /* Spacing Scale */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 3rem;

    /* Border Radius */
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;

    /* Typography */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Shadows */
    --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.15);

    /* Transitions */
    --transition-fast: 0.2s ease-in-out;
    --transition-medium: 0.3s ease;
    --transition-slow: 0.5s ease-in;
}