/* TI-30XIIS Calculator - Main Styles */

:root {
    /* Calculator body colors */
    --body-color: #1a237e;
    --body-dark: #0d1442;
    --body-light: #283593;

    /* Display colors */
    --display-bg: #b8c5a3;
    --display-text: #1a1a1a;
    --display-border: #3949ab;

    /* Button categories */
    --btn-number-bg: #f5f5f5;
    --btn-number-text: #000000;
    --btn-number-active: #e0e0e0;

    --btn-operator-bg: #e3f2fd;
    --btn-operator-text: #1565c0;
    --btn-operator-active: #bbdefb;

    --btn-function-bg: #fffde7;
    --btn-function-text: #000000;
    --btn-function-active: #fff59d;

    --btn-second-bg: #ff9800;
    --btn-second-text: #000000;
    --btn-second-active: #ffb74d;

    --btn-clear-bg: #ef5350;
    --btn-clear-text: #ffffff;
    --btn-clear-active: #e57373;

    --btn-enter-bg: #66bb6a;
    --btn-enter-text: #ffffff;
    --btn-enter-active: #81c784;

    /* Second function label color (matches 2nd button) */
    --second-label: #e65100;

    /* Shadows */
    --btn-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    --btn-shadow-active: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Reset */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Base */
html, body {
    height: 100%;
    overflow: hidden;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--body-color);
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}