:root {
    /* color palette */
    --nalta-navy: #0d1325;
    --nalta-navy-deep: #060914;
    --nalta-navy-soft: #1c2540;
    --nalta-orange: #ff7a1a;
    --nalta-orange-dim: #d8631a;
    --nalta-orange-soft: rgba(255, 122, 26, 0.12);

    --bg-rail: #f4f5f7;
    --bg-page: #eef0f3;
    --bg-card: #ffffff;
    --bg-stripe: #f9fafb;

    --border-soft: #e3e5ea;
    --border-medium: #d4d7de;

    --text-strong: #161a26;
    --text-default: #2a3040;
    --text-muted: #6b7280;
    --text-low: #9ca3af;

    --status-success: #1f9d55;
    --status-success-bg: #e7f7ed;
    --status-warn: #d97706;
    --status-danger: #c53030;
    --status-danger-soft: #fde8e8;

    /* shape */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* shadow */
    --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 2px 8px rgba(15, 23, 42, 0.04);
    --shadow-modal: 0 12px 40px rgba(15, 23, 42, 0.24);

    /* typography */
    --font-ui: "Inter", "Segoe UI", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", "Consolas", monospace;

    /* spacing scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
}