:root {
    --bg: #f1f5f9;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;

    --brand: #0f172a;

    --primary: #0f172a;
    --primary-text: #ffffff;

    --dot-border: #cbd5e1;
    --dot-fill: #0f172a;

    --key-bg: #f1f5f9;
    --key-hover: #e2e8f0;

    --danger: #ef4444;
    --danger-bg: #fee2e2;

    --shadow: 0 20px 40px rgba(0,0,0,.14);
    --shadow-sm: 0 6px 14px rgba(0,0,0,.12);
}