/**
 * 顏色配置準則
 * 
 * 主色系
 * - 深灰褐色 (#3A3535) - 主要文字、標題
 * - 淺灰色 (#B2B2B2) - 次要文字、邊框
 * - 更淺灰色 (#D9D9D9) - 分隔線、背景
 * 
 * 輔色系
 * - 淺棕色 (#C2B8A6) - 裝飾元素
 * - 米白色 (#E6E3DB) - 背景色
 * - 淺米白 (#EFEDE6) - 次要背景
 * 
 * 強調色
 * - 亮橙色 (#F3AD29) - 選取、重點強調
 * - 深橙色 (#C5870D) - 互動狀態
 */

:root {
  /* 主色系 */
  --color-primary: #3A3535;
  --color-secondary: #B2B2B2;
  --color-tertiary: #DCD4D4;
  
  /* 輔色系 */
  --color-accent: #C2B8A6;
  --color-background: #E6E3DB;
  --color-background-alt: #EFEDE6;
  
  /* 強調色 */
  --color-highlight: #F3AD29;
  --color-highlight-dark: #C5870D;

}

h1{
  font-size: 36px  !important;
  font-weight: 700;
}

h2{
  font-size: 24px  !important;
  font-weight: 700;
}

h3{
  font-size: 21px !important;
  
}

p{
  font-size: 18px;
}

small{
  font-size: 16px !important;
}

/* 文字顏色 */
.text-primary {
  color: var(--color-primary);
}

.text-secondary {
  color: var(--color-secondary);
}

.text-accent {
  color: var(--color-accent);
}

/* 背景顏色 */
.bg-primary {
  background-color: var(--color-background);
}

.bg-secondary {
  background-color: var(--color-background-alt);
}

.bg-highlight {
  background-color: var(--color-highlight);
}

/* 邊框顏色 */
.border-primary {
  border-color: var(--color-primary);
}

.border-secondary {
  border-color: var(--color-secondary);
}

.border-accent {
  border-color: var(--color-accent);
}

/* 互動狀態 */
.hover\:bg-highlight:hover {
  background-color: var(--color-highlight);
}

.hover\:bg-highlight-dark:hover {
  background-color: var(--color-highlight-dark);
}

/* 選取狀態 */
.selected {
  background-color: var(--color-highlight);
}

/* 按鈕樣式 */
.btn-primary {
  background-color: var(--color-highlight);
  color: white;
}

.btn-primary:hover {
  background-color: var(--color-highlight-dark);
}

.btn-secondary {
  background-color: var(--color-secondary);
  color: white;
}

/* 分隔線 */
.divider {
  border-color: var(--color-tertiary);
}

/* 表單元素 */
.form-input {
  border-color: var(--color-secondary);
  background-color: white;
}

.form-input:focus {
  border-color: var(--color-highlight);
}

/* 狀態指示 */
.status-active {
  background-color: var(--color-highlight);
}

.status-inactive {
  background-color: var(--color-secondary);
}

/* 標題樣式 */
.title-1 {
  color: var(--color-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: 0.08em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

}

/* 內文樣式 */
.subtitle-1 {
  color: var(--color-primary);
  font-size: 18px;
  font-weight: 500;
  line-height: 25.2px;
  letter-spacing: 0.08em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

}

/* 字體家族定義 */
.font-dream-regular {
  font-family: 'Dream', serif;
  font-weight: 400;
}

.font-baseball-cursive {
  font-family: 'Baseball', cursive;
  font-weight: 400;
}

.font-baseball-regular {
  font-family: 'Baseball', serif;
  font-weight: 400;
}

.font-baseball-semi-cursive {
  font-family: 'Baseball', serif;
  font-weight: 500;
  font-style: italic;
}

.font-dream-cursive {
  font-family: 'Dream', cursive;
  font-weight: 400;
  font-style: italic;
}

.font-baseball-cursive
/* End Generation Here */
.font-dream-regular { font-family: 'Dream', serif; }
.font-baseball-cursive { font-family: 'BaseballCursive', cursive; }
.font-baseball-regular { font-family: 'BaseballRegular', serif; }
.font-baseball-semi-cursive { font-family: 'BaseballSemiCursive', cursive; }
.font-dream-cursive { font-family: 'DreamCursive', cursive; }
.font-option.active { background: #EFEDE6; border: 1px solid #F3AD29; }