/* ==================== 檔案名稱：variables.css ==================== */

@font-face {
  font-family: 'Cubic 11';
  src: local('Cubic 11'), 
       local('Cubic11'),
       url('fonts/Cubic_11.woff2') format('woff2'),
       url('fonts/Cubic_11.ttf') format('truetype');
  font-display: swap;
}

/* 引入 Bahnschrift (如果使用者電腦沒有，會降級使用 sans-serif) */
@font-face {
    font-family: 'Bahnschrift';
    src: local('Bahnschrift');
    font-display: swap;
}

:root {
  /* 1. 背景色票 */
  --bg-body: #F1EFEE;              /* 最底層網頁背景 */
  --bg-window: transparent;        /* 移除最外層大視窗底色 */
  --bg-top-bar: #C8BFC7;           /* Stay Pretty 框底色 (沿用為頂部佔位) */
  --bg-promo: transparent;         /* 優惠方案框底色改透明，用框線 */
  --bg-card-area: transparent;     /* 移除商品列表大框底色 */
  --bg-cart: transparent;          /* 移除購物清單大框底色 */
  --bg-tab-inactive: transparent;  /* 分類底色改透明 */

  /* 2. 色塊陰影與邊框色 */
  --shadow-window: transparent; 
  --shadow-promo: transparent;
  --shadow-area: transparent;
  --shadow-tab: transparent;
  
  --border-main: #FFFFFF;          /* 主要外框線顏色 */

  /* 3. 文字色票 */
  --text-main: #685E5B;            /* 主要文字顏色 */
  --text-sub: #685E5B;             /* 次要文字顏色 (統一) */
  --text-tag-new: #BB6A62;         /* NEW 標籤文字紅色 */

  /* 4. 按鈕與線條細節 */
  --btn-nav: #C8BFC7;              /* + 號底色 */
  --color-box-bg: #FAF2E6;         /* 點開More Colors的框內選取的縮圖底色 */
  --btn-colors-bg: #FBF6F1;        /* More Colors 框底色 */
  --btn-calc-bg: #C8BFC7;          /* 開始試算折扣框底色 */
  --window-controls: #FBF6F1;      /* 視窗按鈕底色 */
  --line-divider: #FFFFFF;         /* 購物清單框線、橫線 */

  /* 5. 字體規範 */
  --font-text: "Microsoft JhengHei", "PingFang TC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-pixel: 'Cubic 11', monospace, sans-serif;
  --font-bahnschrift: 'Bahnschrift', "Segoe UI", Roboto, sans-serif;
}

.font-cubic {
  font-family: var(--font-pixel) !important;
}

.font-sans {
  font-family: var(--font-text) !important;
  font-weight: 500;
}

.font-bahnschrift {
  font-family: var(--font-bahnschrift) !important;
}
/* ==================== 檔案結尾：variables.css ==================== */