@charset "utf-8";
/*!
 * tokens.css — 共享设计令牌（Design Tokens）
 * 从 theme.css 抽取的单一事实来源：颜色 / 间距 / 圆角 / 阴影 / 字体 等自定义属性，
 * 以及中性的滚动条与工具类。本文件不含任何组件级规则，因此可在所有布局
 * （默认 _Layout / hplus _Layout2/_Layout4 / 登录页）中安全加载而不产生回归。
 * 组件级覆盖请见：theme.css（hplus/Bootstrap）、theme-legacy.css（旧类名）、theme-login.css（登录页）。
 */

:root {
    /* Primary palette */
    --primary-color: #39aef5;
    --primary-hover: #2a9be0;
    --primary-active: #1f8ed2;
    --primary-light: #e6f6ff;

    /* Neutral palette */
    --text-color: #353535;
    --text-muted: #6c757d;
    --border-color: #e0e0e0;
    --bg-body: #f5f7fa;
    --bg-white: #ffffff;
    --bg-light: #fafafa;

    /* Semantic colors */
    --success-color: #28c76f;
    --success-hover: #21ad60;
    --warning-color: #ff9f43;
    --danger-color: #ea5455;
    --danger-hover: #d64546;
    --info-color: #00cfe8;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /* Border radius */
    --border-radius-sm: 3px;
    --border-radius-md: 5px;
    --border-radius-lg: 8px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.1);

    /* Font */
    --font-family-base: "Microsoft YaHei", Tahoma, Arial, "\5B8B\4F53", "Hiragino Sans GB", sans-serif;
    --font-size-base: 12px;
    --line-height-base: 1.5;
}

/* ============================================
   Base
   ============================================ */
html {
    height: 100%;
}

/* ============================================
   Scrollbar styling for modern browsers
   ============================================ */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* ============================================
   Neutral utility classes
   ============================================ */
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.rounded { border-radius: var(--border-radius-md); }
.bg-white { background-color: var(--bg-white); }
.text-primary { color: var(--primary-color); }
.text-muted { color: var(--text-muted); }

/* .menu_right 布局覆盖已移至 theme-legacy.css(需在 style.css 之后加载才能压住其 float:right)。 */