/* RRD design tokens. Source: Claude Design board "Sistem de design". */
:root {
    --rrd-navy: #174172;
    --rrd-link: #0B6EA8;
    --rrd-accent: #049AD7;
    --rrd-ink: #1B2433;
    --rrd-muted: #5B6675;
    --rrd-bg: #EFF1F6;
    --rrd-card: #FFFFFF;
    --rrd-line: #DDE3EC;
    --rrd-field: #C9D2DE;
    --rrd-on-navy: #B9C6D8;
    --rrd-studio-line: #3C5F8C;

    --rrd-font: "IBM Plex Sans", Arial, Helvetica, sans-serif;

    --rrd-text-13: 13px;
    --rrd-text-14: 14px;
    --rrd-text-16: 16px;
    --rrd-text-17: 17px;
    --rrd-text-19: 19px;
    --rrd-text-22: 22px;
    --rrd-text-24: 24px;
    --rrd-text-28: 28px;

    --rrd-space-1: 8px;
    --rrd-space-2: 16px;
    --rrd-space-3: 24px;
    --rrd-space-4: 32px;
    --rrd-space-5: 40px;

    --rrd-radius-img: 6px;
    --rrd-radius-card: 8px;
    --rrd-hit: 44px;

    /* Parent theme variables (ContentBerg) now follow the tokens. */
    --c-main: var(--rrd-accent);
    --c-accent: var(--rrd-accent);
    --c-dark-blue: var(--rrd-navy);
    --c-dark: var(--rrd-navy);
    --c-gray-550: var(--rrd-link);
    --c-gray-1350: var(--rrd-navy);
    --rrd-gray1: var(--rrd-bg);
}