/* ==================================================
   QuantumMesh Design Tokens
   Version: 1.0.0
================================================== */

:root {
    --qm-bg-standard: #f1f5fa;
    --qm-color-primary: #0078c8;
    --qm-color-primary-dark: #005ec8;
    --qm-color-navy: #1f2a44;
    --qm-color-text: #142033;
    --qm-color-muted: #4a5a70;
    --qm-color-border: #dce5ef;
    --qm-color-bg-light: #eef4fa;
    --qm-color-bg-subtle: #f5f8fc;
    --qm-color-white: #ffffff;
    --qm-color-danger: #e60033;

    --qm-container-width: 1280px;
    --qm-container-narrow: 1200px;
    --qm-container-padding-pc: 32px;
    --qm-container-padding-sp: 20px;

    --qm-space-xs: 8px;
    --qm-space-sm: 16px;
    --qm-space-md: 24px;
    --qm-space-lg: 40px;
    --qm-space-xl: 64px;
    --qm-space-2xl: 96px;

    --qm-radius-sm: 8px;
    --qm-radius-md: 16px;
    --qm-radius-lg: 24px;
    --qm-radius-pill: 999px;

    --qm-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.05);
    --qm-shadow-hover: 0 14px 36px rgba(0, 0, 0, 0.08);

    --qm-font-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}