/* ============================================================
   RoboSpati — Design Tokens
   ============================================================ */

:root {
    /* ---- Brand palette ---- */
    --navy: #03162F;
    --navy-2: #062246;
    --primary: #03162F;
    --primary-hover: #062246;
    --primary-light: #EBF1F8;
    --blue: #03162F;
    --blue-vivid: #03162F;
    --cta: #03162F;
    --accent: #041C3A;
    --bs-primary: #03162F;
    --bs-primary-rgb: 3, 22, 47;
    --white: #FFFFFF;
    --gray: #F8FAFC;
    --card-soft-bg: #F4F8FC;
    --border: #E2EAF4;
    --border-card: #E4EEF8;

    /* ---- Text ---- */
    --heading-color: #03162F;
    --text-color: #0F172A;
    --body-color: #475569;
    --muted: #64748B;

    /* ---- Dark surfaces ---- */
    --dark: #03162F;
    --dark-2: #041C3A;
    --dark-blue: #062246;

    /* ---- Gradients ---- */
    --gradient: linear-gradient(135deg, #03162F 0%, #041C3A 50%, #062246 100%);
    --gradient-dark: linear-gradient(135deg, #03162F 0%, #062246 100%);
    --gradient-blue: linear-gradient(135deg, #03162F 0%, #062246 100%);
    --gradient-card-soft: linear-gradient(135deg, #F8FAFD 0%, #EDF4FB 100%);
    --gradient-avatar: linear-gradient(135deg, #DCEFFE 0%, #BFE2FC 100%);
    --gradient-text: linear-gradient(135deg, #03162F 0%, #062246 100%);
    --accent-gradient: linear-gradient(135deg, #03162F 0%, #062246 100%);

    /* ---- Patterns ---- */
    --pattern-mesh: url("../img/page-header-pattern-seamless.920e12fbb09d.png");

    /* ---- Typography ---- */
    --font-heading: "League Spartan", "Spartan", system-ui, -apple-system, sans-serif;
    --font-body: "League Spartan", "Spartan", system-ui, -apple-system, sans-serif;
    --font-instrument: "Instrument Serif", Georgia, serif;
    --font-sans: "Instrument Sans", system-ui, -apple-system, sans-serif;

    --fs-hero: clamp(2.75rem, 6vw, 4.5rem);
    --fs-section: clamp(2rem, 4vw, 3rem);
    --fs-card: 1.5rem;
    --fs-body: 1.125rem;
    --fs-small: 0.875rem;
    --fs-xs: 0.75rem;

    --fw-black: 800;
    --fw-bold: 600;
    --fw-medium: 500;
    --fw-regular: 400;

    --lh-tight: 1.12;
    --lh-heading: 1.25;
    --lh-body: 1.65;

    /* ---- Radius ---- */
    --radius-card: 20px;
    --radius-img: 20px;
    --radius-input: 14px;
    --radius-pill: 999px;
    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-sm: 8px;

    /* ---- Shadows ---- */
    --shadow-xs: 0 1px 3px rgba(3, 27, 58, .04);
    --shadow-sm: 0 2px 10px rgba(3, 27, 58, .05);
    --shadow-md: 0 10px 30px rgba(3, 27, 58, .08);
    --shadow-lg: 0 24px 60px rgba(3, 27, 58, .12);
    --shadow-card: 0 4px 20px rgba(3, 27, 58, .05);

    /* ---- Spacing ---- */
    --section-y: clamp(4.5rem, 8vw, 7rem);
    --container: 1240px;
    --gutter: 1.5rem;

    /* ---- Misc ---- */
    --transition: .28s cubic-bezier(.25, .46, .45, .94);
    --ease: cubic-bezier(.25, .46, .45, .94);
}