/*
Theme Name: Robot Advisory Group
Theme URI: https://robotadvisorygroup.com
Description: Lightweight custom child theme for Robot Advisory Group, built on GeneratePress.
Author: Matt Caulkins
Template: generatepress
Version: 1.0.0
Text Domain: robot-advisory-group
*/
@charset "UTF-8";
:root {
    /* Colors */
    --slate: #2f454a;
    --slate-light: #3d5a60;
    --teal: #176d5d;
    --green: #76b999;
    --green-dark: #5aa884;
    --green-light: #e6f4ef;
    --red: #fc634e;
    --bg: #fafafa;
    --white: #fafafa;

    --gray-50: #f8f9fa;
    --gray-100: #f3f7f6;
    --gray-200: #e0e0e0;
    --gray-400: #9ca3af;
    --gray-600: #6b7280;

    --mint: #76b999;
    --geko: #e5ecb9;

    /* Typography */
    --font-sans: Roboto, sans-serif;

    --h1-font-size: clamp(2.25rem, 5vw, 4.5rem);
    --h2-font-size: clamp(1.75rem, 3vw, 2.5rem);
    --h3-font-size: clamp(1.4rem, 2vw, 2rem);

    --p-font-size: clamp(0.95rem, 1vw, 1.05rem);
    --lead-font-size: clamp(1rem, 1.2vw, 1.15rem);
    --modal-font-size: 1.6rem;

    /* Weights */
    --weight-light: 100;
    --weight-mid: 400;
    --weight-bold: 600;
    --weight-dark: 700;

    /* Layout */
    --container-width: 1280px;
    --container-wide: 1440px;
    --container-narrow: 900px;

    /* Spacing */
    --space-page: clamp(2.5rem, 5vw, 4.5rem);
    --space-section: clamp(2rem, 4vw, 3.5rem);
    --space-section-sm: clamp(1.25rem, 2.5vw, 2rem);
    --space-header: clamp(64px, 5vw, 84px);
    --space-button: 0.65rem 1.2rem;

    /* Gaps */
    --gap-sm: 0.6rem;
    --gap-md: clamp(0.85rem, 2vw, 1.75rem);
    --gap-lg: 1.5rem;
    --gap-xl: clamp(1.5rem, 3vw, 2.25rem);

    /* Hero */
    --hero-padding: clamp(3.5rem, 7vw, 6.5rem);

    /* Borders */
    --radius: 6px;
    --radius-lg: 10px;
    --radius-xl: 14px;

    /* Shadows */
    --shadow: 0 2px 8px #0000000f;
    --shadow-md: 0 4px 12px #00000014;
    --shadow-lg: 0 6px 24px #0000001a;

    /* Transitions */
    --transition-fast: 160ms ease;
    --transition-med: 220ms ease;
    --transition-slow: 300ms ease;

    /* Misc */
    --border-light: rgb(255 255 255 / 12%);
    --text-light-muted: rgb(255 255 255 / 78%);
    --text-dark-muted: var(--gray-600);

    --modal-top-spacing: -2px;
}