/* ==========================================================================
   RAIL CoLAB — Design Tokens
   Extracted from Sitejet builder CSS (custom.260415140840.css)
   ========================================================================== */

:root {
    /* Brand Colors */
    --color-primary: #3776bb;
    --color-primary-dark: #2b5d94;
    --color-secondary: #439cbe;
    --color-accent: #40b8c3;

    /* Gradient */
    --gradient-brand: linear-gradient(90deg, #3776bb 0%, #439cbe 50%, #40b8c3 100%);

    /* Neutral Colors */
    --color-white: #fff;
    --color-black: #000;
    --color-dark: #262525;
    --color-gray-light: #dbdbdb;
    --color-gray-medium: #cacccb;
    --color-text-dark: #363636;
    --color-text-heading: #1b2d42;

    /* Background */
    --color-bg: #fff;
    --color-bg-overlay-light: rgba(0, 0, 0, 0.11);
    --color-bg-overlay-medium: rgba(0, 0, 0, 0.286);
    --color-bg-overlay-dark: rgba(0, 0, 0, 0.506);
    --color-bg-hero-tint: rgba(67, 156, 190, 0.52);

    /* Typography */
    --font-family: "Montserrat", sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-bold: 700;

    --font-size-base: 16px;
    --line-height-base: 2;
    --line-height-tight: 1.25;
    --line-height-snug: 1.5;

    /* Heading sizes (desktop) */
    --font-size-h1: 40px;
    --font-size-h2: 2.2rem;
    --font-size-h3: 1.5rem;
    --font-size-h4: 1.4rem;
    --font-size-h5: 20px;
    --font-size-h6: 18px;
    --font-size-hero: 48px;
    --font-size-hero-subtitle: 24px;

    /* Layout */
    --container-max-width: 85rem;
    --container-padding: 1rem;
    --section-padding: 6rem;
    --section-padding-mobile: 4rem;

    /* Breakpoints (for reference; used in media queries) */
    /* --bp-mobile: 575px */
    /* --bp-tablet: 975px */

    /* Transitions */
    --transition-default: all 0.3s ease-in-out;

    /* Buttons */
    --btn-padding: 0.5rem 1rem;
    --btn-border-radius: 0px;
    --btn-font-size: 16px;
}