/* =====================================================================
   RWF theme — single source of truth for colour.
   Loaded before every other stylesheet. Confirmed from the live
   rwf2.shillong.com palette (Drupal `sector_demo` theme). Cyan primary,
   amber secondary. NEVER hardcode a hex value elsewhere — reference these.
   ===================================================================== */

:root {
    /* Primary — cyan */
    --color-primary: #0e7490;
    --color-primary-light: #0284c7;
    --color-primary-bright: #06b6d4;   /* hover/active states, highlights */
    --color-primary-dark: #164e63;     /* header/footer backgrounds */

    /* Secondary — amber */
    --color-secondary: #f59e0b;
    --color-secondary-light: #fcd34d;
    --color-secondary-tint: #fef3c7;   /* badges, subtle highlight backgrounds */
    --color-secondary-dark: #b45309;   /* hover state on accent buttons */
    --color-secondary-darker: #9a3412;

    /* Text */
    --color-text: #111827;
    --color-text-muted: #4b5563;
    --color-text-subtle: #6b7280;

    /* Borders / surfaces */
    --color-border: #d1d5db;
    --color-border-light: #e5e7eb;
    --color-bg-subtle: #f3f4f6;
    --color-bg-offwhite: #fafafa;
    --color-white: #ffffff;

    /* Feedback — success reuses the amber accent; error is a muted red.
       Kept here so no component hardcodes a hex value. */
    --color-error: #9a3412;
    --color-error-tint: #fde8e8;
}