/* MaintForge — Design Tokens
   Extracted from MaintForge.html landing pages.
   Self-hosted fonts — no Google Fonts CDN. */

/* ------------------------------------------------------------------ */
/* Fonts                                                               */
/* ------------------------------------------------------------------ */
@font-face {
    font-family: 'DM Sans';
    src: url('/static/vendor/fonts/dm-sans/dm-sans-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM Sans';
    src: url('/static/vendor/fonts/dm-sans/dm-sans-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM Sans';
    src: url('/static/vendor/fonts/dm-sans/dm-sans-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM Sans';
    src: url('/static/vendor/fonts/dm-sans/dm-sans-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'JetBrains Mono';
    src: url('/static/vendor/fonts/jetbrains-mono/jetbrains-mono-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'JetBrains Mono';
    src: url('/static/vendor/fonts/jetbrains-mono/jetbrains-mono-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ------------------------------------------------------------------ */
/* CSS Custom Properties (Landing + App)                               */
/* ------------------------------------------------------------------ */
:root {
    /* Brand */
    --primary: #2a2017;
    --primary-light: #3d3022;
    --primary-dark: #1a1510;

    /* Accent */
    --accent: #EDAE49;
    --accent-light: #F5C97A;
    --accent-dark: #D49730;

    /* Semantic */
    --orange: #EDAE49;
    --orange-light: #F5C97A;
    --red: #e74c3c;
    --cyan: #C67B3C;

    /* Backgrounds */
    --bg: #ffffff;
    --bg-alt: #faf8f4;
    --bg-dark: #1a1510;

    /* Text */
    --text: #2d2a25;
    --text-light: #7a7268;
    --text-white: #f7fafc;

    /* Borders & Shadows */
    --border: #e8e0d5;
    --shadow: 0 4px 24px rgba(42,32,23,0.08);
    --shadow-lg: 0 12px 48px rgba(42,32,23,0.14);

    /* Radius */
    --radius: 12px;
    --radius-lg: 20px;

    /* Typography */
    --font-primary: 'DM Sans', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
}