/*
 * 设计令牌。取自 neirong/design/spectrum/tokens.json（D 光谱方向）。
 *
 * 所有颜色、圆角、间距只能从这里取，页面里不写死色值：
 * 换主题时改这一处即可，否则会散成几十处零散的颜色，改不动。
 */

:root {
    /* 底色与文字 */
    --canvas: #FAFAFE;
    --surface: #FFFFFF;
    --surface-sunken: #F6F5FB;
    --text: #25263E;
    --text-muted: #62647A;
    --text-disabled: #A3A4B4;

    /* 主操作色 */
    --action: #6254D9;
    --action-hover: #5245C4;
    --action-pressed: #4639AD;
    --on-action: #FFFFFF;
    --selected-surface: #F1EFFC;

    /* 描边 */
    --border: #DFDDEC;
    --border-strong: #C9C6DC;

    /* 状态 */
    --success-text: #24694C;
    --success-surface: #E8F3EC;
    --warning-text: #8A5A11;
    --warning-surface: #FBF1DF;
    --error-text: #A93642;
    --error-surface: #FCEEF0;

    /* 品牌渐变（登录页氛围光） */
    --gradient-a: #DED2FF;
    --gradient-b: #D8D5FF;
    --gradient-c: #BEEAF2;

    /* 圆角 */
    --radius-card: 20px;
    --radius-overview: 24px;
    --radius-dialog: 22px;
    --radius-button: 12px;
    --radius-input: 10px;
    --radius-pill: 999px;

    /* 尺寸 */
    --control-height: 54px;
    --control-height-sm: 44px;
    --touch-target: 44px;
    --sidebar-width: 264px;
    --topbar-height: 72px;
    --gutter: 64px;
    --gutter-sm: 22px;

    /* 阴影 */
    --shadow-card: 0 18px 48px rgba(37, 38, 62, 0.08);
    --shadow-dialog: 0 24px 64px rgba(37, 38, 62, 0.18);

    /* 字体 */
    --font-body: "PingFang SC", "Microsoft YaHei", "Hiragino Sans",
        "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;

    --transition: 0.15s ease;
}

/* 移动端断点：760px 以下折叠左侧菜单，正文降到 16px 保住可读性 */
@media (max-width: 760px) {
    :root {
        --gutter: var(--gutter-sm);
        --sidebar-width: 100%;
        --topbar-height: 64px;
    }
}