/* FluxCertify design tokens: Blaugrau & Petrol
   Phase A introduces the central theme foundation only.
   Existing component styles are migrated to these tokens in later phases. */

:root {
    /* Base surfaces */
    --fc-background: #F2F4F7;
    --fc-surface: #FFFFFF;
    --fc-surface-secondary: #E9EEF2;
    /* Application navigation (sidebar + topbar) */
    --fc-navigation-surface: rgba(236, 236, 236, 1);
    /* Brand / interaction */
    --fc-primary: #0A7C80;
    --fc-primary-hover: #086A6E;
    --fc-primary-soft: #E3F1F1;
    --fc-navy: #293A59;
    /* Typography */
    --fc-text: #24282B;
    --fc-text-secondary: #667781;
    --fc-text-disabled: #9AA5AB;
    --fc-text-readonly: #59666E;
    /* Structure */
    --fc-border: #DCE3E8;
    --fc-divider: #E2E7EA;
    --fc-divider-dark: #CACBCB;
    /* Tables */
    --fc-table-header: #E9EEF2;
    --fc-table-row: #FFFFFF;
    --fc-table-hover: #EFF7F7;
    --fc-table-selected: #DCEEEE;
    /* Semantic states */
    --fc-success-bg: #E7F3EC;
    --fc-success: #28704A;
    --fc-warning-bg: #FFF3D8;
    --fc-warning: #8A6116;
    --fc-danger-bg: #FBE9E7;
    --fc-danger: #A33A32;
    --fc-info-bg: #E8F0F7;
    --fc-info: #356580;
    --fc-neutral-bg: #ECEEED;
    --fc-neutral: #596166;
    /* Focus */
    --fc-focus-ring-color: rgba(10, 124, 128, 0.12);
    --fc-focus-ring: 0 0 0 2px var(--fc-focus-ring-color);
    /* Shape */
    --fc-radius-sm: 4px;
    --fc-radius: 6px;
    --fc-radius-card: 8px;
    /* Shadows */
    --fc-shadow-card: 0 1px 3px rgba(25, 40, 50, 0.06);
    --fc-shadow-dialog: 0 4px 14px rgba(25, 40, 50, 0.10);
    /* Overlays */
    --fc-overlay: rgba(41, 58, 89, 0.18);
}