/*
 * AKPK Default Theme - Warm Khaki & Sage Green
 * Original color scheme with warm, earthy tones
 */

/* Import Google Fonts */
/* @import url('https://fonts.googleapis.com/css2?family=Bitcount+Single:wght@100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap');

:root {
    /* Typography */
    /* --font-family: "Bitcount Single", system-ui; */
    --font-family: "Bubblegum Sans", sans-serif;
    --font-weight-normal: 400;
    --font-weight-medium: 400;
    --font-weight-bold: 400;

    /* Primary Color Palette */
    --primary-bg: #000; /* Black */
    --nav-bg: #1f2219; /* Deep Green Khaki */
    --primary-text: #C7B377; /* Soft Khaki */
    --secondary-bg: #E6D7C3; /* Warm Beige */
    --accent-green: #9CAF88; /* Muted Sage Green */
    --accent-terracotta: #CD853F; /* Soft Terracotta */
    --accent-olive: #6B7B47; /* Olive Green */
    --disabled-gray: #A8A5A0; /* Warm Gray */

    /* Difficulty Level Colors */
    --level-1: #E6D7C3; /* Warm Beige - Easiest */
    --level-2: #C7B377; /* Soft Khaki */
    --level-3: #9CAF88; /* Muted Sage Green */
    --level-4: #CD853F; /* Soft Terracotta */
    --level-5: #6B7B47; /* Olive Green - Hardest */

    /* Opacity Variations */
    --primary-bg-20: rgba(32, 60, 52, 0.2);
    --primary-bg-60: rgba(32, 60, 52, 0.6);
    --primary-bg-70: rgba(32, 60, 52, 0.7);
    --disabled-gray-50: rgba(168, 165, 160, 0.5);
}