/******************************************************************************
 *                                                                            *
 * Pixel Size to Font Size                                                    *
 *                                                                            *
 * 1px:    0.083333em                                                         *
 * 2px:    0.166667em                                                         *
 * 3px:    0.25em                                                             *
 * 4px:    0.333333em                                                         *
 * 5px:    0.416667em                                                         *
 * 6px:    0.5em                                                              *
 * 7px:    0.583333em                                                         *
 * 8px:    0.666667em                                                         *
 * 9px:    0.75em                                                             *
 * 10px:   0.833333em                                                         *
 * 11px:   0.916667em                                                         *
 * 12px:   1.0em                                                              *
 *                                                                            *
 ******************************************************************************/

/*
	- TimiFX 的样式表 -

	1. 主体颜色为灰色，辅助色为靛青 #177CB0
	2. style.css 仅保留导入入口
	3. 基础控件、布局、工具类、组件样式分文件维护

*/
* {
	-fx-tab-size: 4;
	-fx-font-smoothing-type: gray;
}
.root {
	-timi-fx-white-color: #FFF;
	-timi-fx-red-color: #F30;
	-timi-fx-brown-color: #A67D7B;
	-timi-fx-black-color: #000;
	-timi-fx-orange-color: #F60;
	-timi-fx-yellow-color: #FF0;
	-timi-fx-green-color: #393;
	-timi-fx-dark-green-color: #373;
	-timi-fx-gray-color: #666;
	-timi-fx-blue-color: #008DCB;
	-timi-fx-light-blue-color: #DDEAF0;
	-timi-fx-gray-white-color: #F4F4F4;
	-timi-fx-light-gray-color: #B5B5B5;
	-timi-fx-dark-gray-color: #333;
	-timi-fx-pink-color: #FF7A9B;
	-timi-fx-transparent: transparent;
	-timi-fx-focused-default-color: #177CB0;
	-timi-fx-focused-light-color: #55B0DF;
	-timi-fx-focused-dark-color: #0B6C9E;
	-timi-fx-icon-disabled-color: #939393;

	-timi-fx-color: -timi-fx-focused-default-color;
	-timi-fx-icon-color: -timi-fx-dark-gray-color;
	-timi-fx-border-color: -timi-fx-light-gray-color;
	-timi-fx-popup-shadow: dropshadow(three-pass-box, rgba(0, 0, 0, .3), 5, 0, 0, 1);
	-timi-fx-opacity-hover: .7;
	-timi-fx-selected-color: #7CC4FF;
	-timi-fx-opacity-disabled: .4;

	-fx-accent: -timi-fx-color;
	-fx-focus-color: transparent;
	-fx-focused-base: transparent;
	-fx-text-box-border: -timi-fx-border-color;
	-fx-faint-focus-color: transparent;
	-fx-shadow-highlight-color: transparent;
	-fx-cell-focus-inner-border: transparent;
	-fx-control-inner-background: -timi-fx-white-color;
}
/* --------------------------- 聚焦边距 --------------------------- */
.text-area:focused,
.text-field:focused {
	-fx-background-insets: 1, 2;
}
.button:focused {
	-fx-background-insets: 0;
}
.list-view:focused {
	-fx-background-insets: 0, 0, 2;
}
.table-view:focused {
	-fx-background-insets: 0, 0, 1;
}
/* --------------------------- 只读 --------------------------- */
.text-area:readonly,
.text-field:readonly {
	-fx-text-fill: -timi-fx-gray-color;
}