/*
 * RentCollect brand tokens.
 * Source: Figma "Brand Guidelines - FINAL" section.
 * Pages consume these via var(), e.g. color: var(--rc-primary-text);
 */
:root {
    --rc-primary: #0080FF;
    --rc-primary-rgb: 0, 128, 255;
    --rc-primary-hover: #006BD6;
    /* Links, small text and the outlined Sign In pill. Figma uses this blue for the
       nav CTA; it is 5.2:1 on white, where #0080FF is only 3.8:1. */
    --rc-primary-text: #2F5BFF;
    --rc-primary-text-rgb: 47, 91, 255;
    /* AA-safe portal blue: fills behind white text and small blue text. 5.2:1 on white,
       where #0080FF is only 3.8:1. */
    --rc-primary-strong: #006BD6;
    --rc-primary-strong-rgb: 0, 107, 214;
    --rc-primary-strong-hover: #0059B3;   /* 6.8:1 on white */
    --rc-navy: #072234;
    --rc-navy-rgb: 7, 34, 52;
    --rc-sunrise: #D4F5FD;

    --rc-body: #494D50;
    --rc-text-primary: #212526;
    --rc-text-tertiary: #697478;
    --rc-gray-200: #E2E7E8;
    --rc-gray-100: #F7F8F8;
    --rc-white: #FFFFFF;
    --rc-border-nav: #E3E3E3;   /* header bottom rule, Figma Marketing frame */
    --rc-divider: #E5F1EF;      /* footer top rule, Figma Marketing frame */

    --rc-gradient-1: #C3DCFF;
    --rc-gradient-2: #D4F5FD;
    --rc-gradient-3: #FFFFFF;
    --rc-hero-gradient: radial-gradient(ellipse at 20% 40%, var(--rc-gradient-1) 0%, var(--rc-gradient-2) 45%, var(--rc-gradient-3) 100%);

    --rc-font-heading: "Inter", "Open Sans", Arial, sans-serif;
    --rc-font-body: "Open Sans", Arial, sans-serif;
    --rc-heading-weight: 500;
    --rc-heading-line-height: 1.15;
    --rc-body-line-height: 1.5;

    --rc-radius-pill: 999px;
    --rc-radius-card: 16px;
    --rc-radius-sm: 8px;
    --rc-shadow-card: 0 1px 3px rgba(7, 34, 52, 0.08), 0 8px 24px rgba(7, 34, 52, 0.06);

    /* Portal shape, Figma Dashboard frame 72:7010 */
    --rc-radius-panel: 6px;
    --rc-radius-tile: 3px;
    --rc-shadow-panel: 0 1px 4px rgba(0, 0, 0, 0.14);
    --rc-shadow-bar: 0 1px 4px rgba(0, 0, 0, 0.12);
    --rc-portal-bg: var(--rc-gray-200);

    --rc-success: #4CAF50;
}