/* theme-default.css — Portal cyan palette (canonical brand).
   Load before portal-tokens.css. Colors only — no geometry. */

:root {
    /* Brand */
    --color-primary: #00aeef;
    --color-primary-rgb: 0, 174, 239;
    --color-primary-hover: #0096d6;
    --color-chrome: #2f80b2;
    --color-danger: #ff5454;
    --color-danger-hover: #e12222;
    --color-danger-light: rgba(255, 84, 84, 0.12);
    --color-success: #28a745;
    --color-success-rgb: 40, 167, 69;
    --color-success-light: rgba(40, 167, 69, 0.12);
    --color-info: #1689fc;
    --color-info-rgb: 22, 137, 252;
    --color-warning: #ebb044;
    --color-warning-rgb: 235, 176, 68;
    --color-warning-banner: #ff5454;
    --tint-primary: rgba(0, 174, 239, 0.08);

    /* Surfaces */
    --surface-body: #f1f0f4;
    --surface-card: #ffffff;
    --surface-input: #ffffff;
    --surface-soft: #f8f9fa;
    --surface-soft-border: #dfdfdf;
    --surface-soft-text: #4b5563;

    /* Borders & text */
    --border-color: #dddddd;
    --text-body: #2e3a44;
    --text-body-rgb: 46, 58, 68;
    --text-muted: #6c757d;
    --text-on-brand: #ffffff;

    /* Chrome (header / footer) */
    --chrome-header-fg: #ffffff;
    --chrome-header-fg-muted: rgba(255, 255, 255, 0.85);
    --chrome-header-hover: #b3e5fc;
}