/* =========================================================
   PDGPortal Brand System - Foundation tokens
   Theme-independent scales shared by layouts and components.
   ========================================================= */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../../fonts/inter/Inter-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../../fonts/inter/Inter-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../../fonts/inter/Inter-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../../fonts/inter/Inter-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url("../../fonts/material-symbols/MaterialSymbolsOutlined.woff2") format("woff2");
}

:root {
    /* Typography */
    --pdg-font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

    --pdg-font-size-xs: 12px;
    --pdg-font-size-sm: 13px;
    --pdg-font-size-md: 14px;
    --pdg-font-size-lg: 16px;
    --pdg-font-size-section: 18px;
    --pdg-font-size-page-title: 22px;
    --pdg-font-size-display: 28px;

    --pdg-font-weight-regular: 400;
    --pdg-font-weight-medium: 500;
    --pdg-font-weight-semibold: 600;
    --pdg-font-weight-bold: 700;

    /* Spacing: 4px base scale */
    --pdg-space-1: 4px;
    --pdg-space-2: 8px;
    --pdg-space-3: 12px;
    --pdg-space-4: 16px;
    --pdg-space-5: 20px;
    --pdg-space-6: 24px;
    --pdg-space-8: 32px;
    --pdg-space-10: 40px;
    --pdg-space-12: 48px;

    /* Geometry */
    --pdg-radius-sm: 4px;
    --pdg-radius-md: 6px;
    --pdg-radius-lg: 8px;

    --pdg-control-sm: 30px;
    --pdg-control-md: 36px;
    --pdg-control-lg: 42px;
}