/* admin/css/style.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap');

:root {
    /* Color Palette - Mirrored Exactly From Your Production Stylesheet */
    --bg-main: #1e1d1a;
    /* Deep dark premium charcoal canvas */
    --bg-surface: #121110;
    /* Solid near-black card layout boundaries */
    --brand-primary: #94b49f;
    /* Balanced vibrant organic matcha green */
    --brand-light: #b8cfbf;
    /* High-contrast sage highlight accent */

    /* Typography Palette */
    --text-primary: #fbf9f1;
    /* High-contrast premium cream text */
    --text-secondary: #a3a19c;
    /* Soft slate gray-green for sub-labels */
    --text-muted: #5e5d5a;
    /* Subdued base tint for footer elements */

    /* Brutalist Structural Elements */
    --border-color: #fbf9f1;
    /* High-impact cream crisp borders */
    --y2k-border: 2px solid var(--border-color);

    /* Micro-Radii Tokens */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 24px;
    /* Matching your rounded card configurations */

    /* Smooth Transitions */
    --transition-smooth: all 0.2s ease;
}

/* Base Engine Initialization Resets */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Inter', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body {
    background-color: var(--bg-main);
    color: var(--text-primary);
    overflow-x: hidden;
}