@import 'theme-common.css';

:root {
    --primary-color: #607d8b; /* 柔和的蓝灰色主色调 */
    --primary-color-rgb: 96, 125, 139; /* RGB值，用于透明度设置 */
    --primary-hover: #4b636e; /* 深蓝灰色悬停 */
    --secondary-color: #90a4ae; /* 淡蓝灰辅助色 */
    --background-color: #f5f7f9; /* 淡蓝白背景 */
    --text-color: #455a64; /* 主要文字颜色 - 深蓝灰 */
    --light-text: #eceff1; /* 浅色文字 - 近白色 */
    --border-color: #cfd8dc; /* 浅色边框 */
    --shadow-color: rgba(96, 125, 139, 0.12); /* 柔和阴影 */
    --navbar-bg: #37474f; /* 导航栏 - 深蓝灰色 */
    --navbar-text: #eceff1; /* 导航栏文字 - 浅灰白 */
    --button-primary: #78909c; /* 主要按钮 - 中蓝灰色 */
    --button-secondary: #eceff1; /* 次要按钮 - 浅灰白 */
    --selected-bg: rgba(96, 125, 139, 0.08); /* 选中行背景 - 极淡蓝灰 */
    --selected-text: #546e7a; /* 选中行文字 - 中蓝灰 */
    --selected-border: #90a4ae; /* 选中行边框 - 淡蓝灰 */
    /* 选项卡变量 */
    --tab-bg: #eceff1; /* 选项卡背景 - 浅灰白 */
    --tab-active-bg: #ffffff; /* 激活选项卡背景 - 白色 */
    --tab-border: #cfd8dc; /* 选项卡边框 - 浅色 */
    --tab-active-border: #78909c; /* 激活选项卡边框 - 中蓝灰 */
    /* 侧边栏变量 */
    --sidebar-bg: #37474f; /* 侧边栏背景 - 深蓝灰 */
    --sidebar-item-hover: #455a64; /* 侧边栏悬停 - 中深蓝灰 */
    --sidebar-item-active: #607d8b; /* 侧边栏激活项 - 蓝灰 */
    /* 桌台状态色 - 与蓝灰主题协调 */
    --vacant-table-color: #eceff1;          /* 极浅灰底 */
    --vacant-table-text-color: #455a64;     /* 蓝灰文字 */
    --occupied-table-color: #455a64;        /* 深蓝灰实底 */
    --occupied-table-text-color: #eceff1;
    --checked-table-color: #263238;         /* 更深蓝灰 */
    --checked-table-text-color: #eceff1;
    --cancel-checked-table-color: #90a4ae;  /* 中灰 */
    --cancel-checked-table-text-color: #ffffff;
    --reserved-table-color: #fff3e0;        /* 淡橙 */
    --reserved-table-text-color: #e65100;
    /* SelfOrder 扫码点餐专有变量 */
    --so-card-bg: #ffffff;
    --so-text-secondary: #8a9299;   /* 带蓝灰色调的次要文字 */
    --so-footer-bg: #263238;        /* 深蓝灰 footer */
}