:root {
    --focus-ring-color: #0A84FF;
    --focus-ring-width: 2px;
    --focus-ring-offset: 2px;

    /* Radius tokens */
    --radius-1: 6px;
    --radius-2: 8px;

    /* Spacing scale */
    --space-2: 8px;
    --space-4: 16px;
    --space-6: 24px;

    /* Layout */
    --min-page-width: 1700px;
}

/* Global box-sizing */
*, *::before, *::after {
    box-sizing: border-box;
}

/* Unified focus styles */
:is(a, button, [role="button"], input, select, textarea):focus-visible {
    outline: var(--focus-ring-width) solid var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
}

* {
    margin:0;
}

html, body {
    height: 100%;
    overflow: auto;
}

body {
    font-family: "Oracle Sans", Helvetica, Arial, sans-serif;;
    font-size:  16px;
    color: var(--font-dark);
    background:var(--bg-body);
}