/* Seven POS - Base Tokens & Variables */

:root {
    /* SDS Core Colors */
    --primary: #004218;
    --primary-light: #F0F4F0;
    --secondary: #D4AF37; /* Gold Accent */
    --bg-app: #F7F8FA;
    --surface: #FFFFFF;
    --divider: #ECECEC;
    --text-primary: #1A1C1E;
    --text-secondary: #6B7280;
    --text-light: #9CA3AF;

    /* Semantic Colors */
    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    --info: #3B82F6;

    /* Spacing & Sizing */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 28px;
    --radius-xxl: 32px;

    /* Shadows */
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 12px 50px rgba(0, 0, 0, 0.1);

    /* Transitions */
    --transition-fast: 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: var(--bg-app);
    color: var(--text-primary);
    overflow: hidden;
    height: 100vh;
    width: 100vw;
}

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    outline: none;
    transition: var(--transition-fast);
}

input {
    font-family: inherit;
}

.flex-between { display: flex; align-items: center; justify-content: space-between; }
.flex-center { display: flex; align-items: center; justify-content: center; }
.hide-scrollbar::-webkit-scrollbar { display: none; }