/*
 * Global design controls. Change these tokens to restyle every page.
 * DM Sans is bundled locally, so the website has no external runtime font dependency.
 */
@font-face {
    font-family: "DM Sans";
    src: url("../fonts/dm-sans/dm-sans-regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "DM Sans";
    src: url("../fonts/dm-sans/dm-sans-medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "DM Sans";
    src: url("../fonts/dm-sans/dm-sans-semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "DM Sans";
    src: url("../fonts/dm-sans/dm-sans-bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    /* Typography */
    --font-body: "DM Sans", Arial, sans-serif;
    --font-heading: "DM Sans", Arial, sans-serif;
    --font-brand: "DM Sans", Arial, sans-serif;
    --font-size-body: 15px;

    /* Brand color */
    --primary: #75113d;
    --primary-dark: #57102f;
    --dark: #111827;
    --muted: #6b7280;
    --bg: #f3f6fa;
    --card: #ffffff;
    --border: #e5e7eb;
    --soft: #f9fafb;
    --hero-ink: #f8fafc;
    --hero-muted: rgba(248, 250, 252, .76);

    /* Shared layout */
    --app-width: 1180px;
    --radius-control: 10px;
    --radius-card: 14px;

    /* Transfer results */
    --results-width: 1400px;
    --result-ink: #151923;
    --result-muted: #71809b;
    --result-border: #dfe5ed;
    --result-soft: #f7f9fc;
    --result-green: #009d58;
    --result-amber: #f6af2b;
}