/*
 * rx-base.css
 * Shared RX colour variables, typography, box sizing and focus styling.
 */

:root
{
    /*
     * Professional / industrial colour scheme.
     * Neutral surfaces with one restrained blue accent.
     */
    --rx-page-bg: #edf3f7;
    --rx-surface: #ffffff;
    --rx-surface-soft: #f3f7fa;
    --rx-surface-selected: #dceef7;

    --rx-border: #cbd8e1;
    --rx-border-strong: #aebfcb;

    --rx-text: #18303f;
    --rx-text-muted: #586f7d;
    --rx-text-soft: #718692;

    --rx-primary: #176b9b;
    --rx-primary-hover: #115778;
    --rx-primary-soft: #dceff8;
    --rx-secondary: #168579;
    --rx-secondary-soft: #ddf4ef;
    --rx-accent: #d48624;
    --rx-accent-soft: #fff1dc;

    --rx-header-bg: #12364a;
    --rx-header-border: #0b293a;
    --rx-header-text: #f7fbfd;
    --rx-header-muted: #bed7e3;

    --rx-nav-bg: #17516d;
    --rx-nav-hover: #1e6887;
    --rx-nav-border: #10445d;

    --rx-success: #2f7d65;
    --rx-warning: #b66a16;
    --rx-danger: #b33b45;

    /* Compact form geometry */
    --rx-form-label-width: 150px;
    --rx-form-field-width: 340px;

    --rx-focus-ring: rgba(23, 107, 155, 0.20);
    --rx-shadow: 0 2px 7px rgba(22, 37, 49, 0.08);

    --rx-radius: 6px;
    --rx-gap: 8px;
}


html,
body
{
    width: 100%;
    height: 100%;
    margin: 0;
}


*
{
    box-sizing: border-box;
}


body
{
    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 15px;
    line-height: 1.4;

    color: var(--rx-text);
    background: var(--rx-page-bg);
}


::selection
{
    color: #ffffff;
    background: var(--rx-primary);
}


/* Shared keyboard focus style used by form controls and menus. */
.rx_form_actions button:focus-visible,
.rx-navbar-menu a:focus-visible,
.rx-object-menu a:focus-visible
{
    outline: 3px solid var(--rx-focus-ring);
    outline-offset: 2px;
}