:root {
    --primary-indigo: #1a202c;
    --primary-indigo-dark: #10141d;
    --electric-cyan: #00d4ff;
    --electric-cyan-hover: #00b8e6;
    --soft-bg: #f8f9fa;
    --success-soft: #e6f9f0;
    --success-text: #28a745;
    --danger-soft: #fdeaea;
    --danger-text: #dc3545;
    --text-muted-custom: #718096;
    --border-color: #e2e8f0;
    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}


html {
    /* Browser default is usually 16px. 110% of 16px is 17.6px */
    font-size: 110%;
}

/* Typography */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: var(--soft-bg);
    color: var(--primary-indigo);
    -webkit-font-smoothing: antialiased;
}