/* Lesotho platform — soft editorial palette aligned with landing.css. Load after material-base.css */

:root {
    /* Neutrals — soft blue-grey (home / crmp mockup), still readable on white */
    --rz-base-50: #f7f9fc;
    --rz-base-100: #eef3f8;
    --rz-base-200: #e2eaf3;
    --rz-base-300: #cfd9e6;
    --rz-base-400: #a8b4c4;
    --rz-base-500: #7d8a9a;
    --rz-base-600: #5c6b7a;
    --rz-base-700: #3f4f5f;
    --rz-base-800: #2c3a4a;
    --rz-base-900: #1a2430;
    --rz-base-light: #eef3f8;
    --rz-base-lighter: #ffffff;
    --rz-base-dark: #5c6b7a;
    --rz-base-darker: #1a2430;

    /* Brand: teal primary */
    --rz-primary: #1a7f6e;
    --rz-primary-color: #1a7f6e;
    --rz-primary-light: #48a090;
    --rz-primary-lighter: rgba(26, 127, 110, 0.14);
    --rz-primary-dark: #15655a;
    --rz-primary-darker: #12564a;

    /* Secondary: deep navy accent */
    --rz-secondary: #163352;
    --rz-secondary-light: #455c7a;
    --rz-secondary-lighter: rgba(22, 51, 82, 0.14);
    --rz-secondary-dark: #122a44;
    --rz-secondary-darker: #0f2340;

    /* Info: calmer blue (still distinct from teal) */
    --rz-info: #2a6d9e;
    --rz-info-light: #4d8ab3;
    --rz-info-lighter: rgba(42, 109, 158, 0.18);
    --rz-info-dark: #22587e;
    --rz-info-darker: #1c4a6a;

    /* On-* (text on tinted surfaces) */
    --rz-on-primary-lighter: #1a7f6e;
    --rz-on-secondary-lighter: #163352;
    --rz-on-info-lighter: #2a6d9e;

    /* Surfaces — slightly cooler / bluer neutrals (home mockup) */
    --rz-body-background-color: #eef3f8;
    --rz-base-background-color: #f7f9fc;

    /* Typography */
    --rz-text-font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;

    /* Links */
    --rz-link-color: #135d52;
    --rz-link-hover-color: #1a7f6e;

    /* Softer UI chrome */
    --rz-border-radius: 6px;
    --rz-outline-color: var(--rz-primary);
}