/* base.css - design tokens, reset and page defaults */
:root {
    --header: #0b1224;
    --page: #f8fafc;
    --ink: #000;
    --line: #111827;
    --tab: #6b7280;
    --tab-active: #2563eb;
    --action: #090ded;
    --action-hover: #0709c2;
    --danger: #ef4444;
    --pad-x: 18px;
}

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

html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    background: var(--page);
    color: var(--ink);
    font-family: "Segoe UI", Inter, Tahoma, Arial, sans-serif;
}

@media (max-width: 640px) {
    :root { --pad-x: 14px; }
}