/**
 * Element UI 主题变量（编译期）
 * ------------------------------------------------------------
 * 品牌主色：取自 src/assets/logo/OPO_Logo.png 圆环青 #0E768F
 * 危险色：  取自同图心形玫红 #CD1D4E（白字对比度 5.41，优于原 #F56C6C 的 3.4）
 *
 * 说明：这里决定"编译进 CSS 的默认皮肤"；
 *      运行时换肤由 assets/styles/theme-runtime.scss + utils/theme.js 负责，
 *      二者通过 CSS 变量 --opo-primary* 衔接。
 */

/* ---------- 主题色 ---------- */
$--color-primary: #0E768F;
$--color-success: #67C23A;
$--color-warning: #E6A23C;
$--color-danger: #CD1D4E;
$--color-info: #909399;

/* ---------- 文字 ---------- */
$--color-text-primary: #1F2937;
$--color-text-regular: #4B5563;
$--color-text-secondary: #6B7280;
$--color-text-placeholder: #9CA3AF;

/* ---------- 边框 ---------- */
$--border-color-base: #E5E7EB;
$--border-color-light: #F0F2F5;
$--border-color-lighter: #F5F7FA;
$--border-color-extra-light: #FAFBFC;

/* ---------- 背景 ---------- */
$--background-color-base: #F5F7FA;

/* ---------- 圆角 ---------- */
$--border-radius-base: 4px;
$--border-radius-small: 2px;

/* ---------- 字号（2026-10-22 整体上调一号） ---------- */
$--font-size-extra-large: 22px;
$--font-size-large: 20px;
$--font-size-medium: 18px;
$--font-size-base: 16px;
$--font-size-small: 14px;
$--font-size-extra-small: 13px;

/* 按钮字号默认在小尺寸里被硬编码成 12px，一并上调 */
$--button-font-size: 16px;
$--button-medium-font-size: 16px;
$--button-small-font-size: 14px;
$--button-mini-font-size: 14px;

/* 侧边栏菜单字号（2026-10-22 由 18px 回调一号） */
$--menu-item-font-size: 16px;

$--button-font-weight: 400;

/* ---------- 表格 ---------- */
$--table-border: 1px solid #E5E7EB;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}