/* Avirta Game - Dark Blue Theme */

:root {
    /* Primary Colors */
    --primary-color: #1e3644;
    --primary-color-light: #346176;
    --primary-color-dark: #0e212e;

    /* Secondary Colors */
    --secondary-color: #6c757d;
    --secondary-color-hover: #4f565c;
    --secondary-color-light: #363639;

    /* Background Colors */
    --bg-color: #0f202d;
    --bg-color-light: #1e3745;
    --bg-color-lighter: #346176;
    --bg-color-dark: #0a1a24;
    --bg-color-darker: #061218;
    --bg-color-darkest: #030a0e;

    /* Text Colors */
    --text-color: #e0c494;
    --text-color-light: #c78f40;
    --text-color-white: #ffffff;

    /* Status Colors */
    --success-color: #489e5c;
    --success-color-light: #d4edda;
    --success-color-dark: #155724;
    --success-bg: #243c1e;
    --success-text: #a1d2a7;

    --error-color: #dc3545;
    --error-color-light: #f8d7da;
    --error-color-dark: #721c24;
    --error-bg: #8c0000;
    --error-text: #fde9ec;

    --info-color: #0087a6;
    --info-color-light: #005470;
    --info-color-dark: #ccf2ff;

    /* Border Colors */
    --border-color: #e0c494;
    --border-color-light: #346176;

    /* Common Styling */
    --border-radius-small: 3px;
    --border-radius: 4px;
    --border-radius-large: 5px;
    --border-radius-xlarge: 10px;

    --box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

    /* Spacing */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 30px;
}

/* Base Typography */
body {
    font-family: Cairo, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}