/* Shared by every page: the DM Sans font and the owner's palette.
   Palette: #2C3531 charcoal, #116466 teal, #D9B08C tan, #FFCB9A peach, #D1E8E2 mint. */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/assets/fonts/dm-sans-latin.woff2) format('woff2');
}

/* ---------- Design tokens ---------- */
:root {
    /* Palette */
    --lp-bg: #2c3531;
    --lp-bg-2: #252d2a;
    --lp-bg-3: #1e2522;
    --lp-teal: #116466;
    --lp-tan: #d9b08c;
    --lp-peach: #ffcb9a;
    --lp-mint: #d1e8e2;
    --lp-on-peach: #232b28;

    /* Text on dark */
    --lp-text: #f2f8f6;
    --lp-body: #dde9e5;
    --lp-muted: #c5d6d0;

    /* Text on mint */
    --lp-ink: #2c3531;
    --lp-ink-2: #3f4c47;

    /* Lines and cards (one treatment everywhere) */
    --lp-line: rgba(209, 232, 226, .14);
    --lp-card: #37413d;
    --lp-card-hover: #3d4844;
    --lp-card-border: rgba(209, 232, 226, .16);
    --lp-card-border-hover: rgba(255, 203, 154, .5);
    --lp-card-shadow: 0 18px 40px -24px rgba(0, 0, 0, .6);
    --lp-card-pad: 1.5rem;
    --lp-radius: 1rem;
    --lp-radius-sm: .75rem;

    /* Icons */
    --lp-icon: 3rem;
    --lp-icon-font: 1.35rem;

    /* Layout */
    --lp-max: 1200px;
    --lp-section-y: clamp(3.5rem, 7vw, 5.5rem);
}