/* Custom Font Setup */
@font-face {
    font-family: 'SakuraBurmese';
    src: url('../fonts/SakuraBurmese.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Base Styles */
body {
    font-family: 'SakuraBurmese', sans-serif;
    background-color: #1a1a2e; /* Deep purple background */
    color: #ffffff;
}

/* Custom Color Palette */
.bg-primary-dark { background-color: #240046; } /* Dark Purple */
.bg-secondary-purple { background-color: #4a006c; } /* Lighter/Accent Purple */
.text-accent-yellow { color: #ffc300; } /* Yellow Accent */
.text-accent-red { color: #ff4d4d; } /* Red Accent */
.text-accent-green { color: #5cb85c; } /* Green Accent */

/* Mobile Container Styling */
#mobile-container {
    max-width: 420px; /* Standard mobile width */
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
    background-color: #240046; /* Inner app color */
    overflow-y: auto;
    overflow-x: hidden;
}

/* Ensure mobile wrapper always takes full screen height */
@media (max-width: 420px) {
    body {
        background-color: #240046; /* Hide external background on narrow screens */
    }
}

/* Utility for Myanmar Number Display */
.myanmar-number {
    font-family: 'SakuraBurmese', sans-serif;
    direction: ltr; /* Ensure numbers read correctly */
}

.btn-primary {
    background-color: #ffc300;
    color: #240046;
    font-weight: bold;
    transition: background-color 0.3s;
}
.btn-primary:hover {
    background-color: #e6b000;
}