:root {
    --reins-bg: #ffffff;
    --reins-border: var(--ast-border-color, rgba(0, 0, 0, .12));
    --reins-danger: #c62828;
    --reins-success: #157A45;
    --reins-text: var(--ast-global-color-3);
    --reins-accent: var(--ast-global-color-0);
    --reins-heading: var(--ast-global-color-2);
    --reins-radius-sm: 10px;
    --reins-radius-md: 14px;
    --reins-radius-pill: 999px;
    /* Primary button — light sage as base (5.53:1 vs dark text),
       darker sage on hover (4.54:1 vs dark text, still AA) */
    --reins-action-bg: #90A991;
    --reins-action-bg-hover: #7C9A7E;
    --reins-action-color: #16302E;
    --reins-action-border: #90A991;
    /* --- RGB triplets: מקור אמת יחיד לצבעים בפורמט R,G,B ---
       Better Messages (ותוספים נוספים שצורכים rgba() דינמי) דורשים
       שלישיות RGB מופרדות בפסיקים ולא HEX. הערכים כאן נגזרים ישירות
       מהצבעים למעלה / מ-Astra — עדכון מותג = עדכון כאן בלבד, במקום
       לחפש בכל קובץ שמשתמש בפורמט RGB (למשל reins-messages-vars.css). */
    --reins-bg-rgb: 255, 255, 255;          /* = --reins-bg #ffffff */
    --reins-accent-rgb: 185, 138, 94;       /* = --reins-accent / color-0 #b98a5e */
    --reins-accent-dark-rgb: 138, 110, 77;  /* = #8a6e4d — הגרסה המוכהית של color-0, כבר בשימוש כ-hover/focus בקישורים (reins-links.css), עוברת AA גם כטקסט לבן על רקע זה (~4.7:1) */
    --reins-text-rgb: 51, 69, 74;           /* = --reins-text / color-3 #33454a */
    --reins-heading-rgb: 22, 48, 46;        /* = color-2 #16302e */
    --reins-border-rgb: 222, 230, 222;      /* = color-7 #dee6de */
    --reins-bg-secondary-rgb: 253, 251, 247;/* = color-4 #fdfbf7 — רקע הקרם של האתר */
    --reins-beige-rgb: 237, 225, 207;       /* = color-5 #ede1cf */
    --reins-sage-rgb: 144, 169, 145;        /* = --reins-action-bg #90A991 — ירוק סאג' לבועות הודעה */
}