/* Token màu và chữ. Bảng "Đỏ son" bản sáng, chép từ thong-ke-claude/trang/kieu/giao-dien.css
   (tên gốc ghi ở cuối mỗi dòng). Giai đoạn 1 chỉ có bản sáng; bản tối nằm trong ghi chú cuối file. */
:root {
  --bg: #F6F3F1;            /* --nen */
  --side: #FFFFFF;          /* --ben */
  --side-line: #ECE4E0;     /* --ben-vien */
  --side-text: #2A2321;     /* --ben-chu */
  --side-text-2: #6F6461;   /* --ben-chu-2 */
  --side-sel: #B3261E;      /* --ben-chon */
  --side-sel-text: #FFFFFF; /* --ben-chon-chu */
  --side-card: #FBEDEA;     /* --ben-the */
  --side-hover: #F6EFEC;    /* --ben-hover */
  --surface: #FFFFFF;       /* --the */
  --surface-2: #F7F1EE;     /* --the-2 */
  --surface-3: #EFE4E0;     /* --the-3 */
  --line: #EDE5E1;          /* --vien */
  --line-soft: #F2ECE9;     /* --vien-nhe */
  --text: #1E1817;          /* --chu */
  --text-2: #4F4542;        /* --chu-2 */
  --text-3: #766A66;        /* --chu-3 */
  --accent: #B3261E;        /* --nhan */
  --on-accent: #FFFFFF;     /* --nhan-chu */
  --accent-soft: #FBEAE6;   /* --nhan-nhat */
  --accent-strong: #A3221B; /* --nhan-dam */
  --second: #E07A2E;        /* --phu */
  --second-soft: #FCEBDD;   /* --phu-nhat */
  --point: #B3261E;         /* --diem */
  --heat: #C42C25;          /* --nhiet */
  --heat-0: #F3ECE9;        /* --nhiet-0 */
  --line-a: #B3261E;        /* --duong-a */
  --line-b: #B3261E;        /* --duong-b */
  --area: #C42C25;          /* --vung */
  --bar: #EBC3BD;           /* --cot */
  --bar-top: #B3261E;       /* --cot-dinh */
  --grid: #F0E9E6;          /* --luoi */
  --axis: #D8CDC9;          /* --truc */
  --up: #1E7A4C;            /* --tang */
  --down: #B42318;          /* --giam */
  --warn: #9A4A00;          /* --canh */
  --tip-bg: #1E1817;        /* --goi-y-nen */
  --tip-text: #FFFFFF;      /* --goi-y-chu */
  --shadow: 0 1px 2px rgba(70,30,20,.05); /* --bong */
  --hero: linear-gradient(135deg,#FBEAE6 0%,#FFF4EC 100%); /* --the-noi */
  --s1: #e34948;
  --s2: #2a78d6;
  --s3: #eb6834;
  --s4: #1baf7a;
  --s5: #eda100;
  --s6: #6250d6;
  --s7: #e87ba4;
  --s8: #008300;
  --s9: #0f8fa8;
  --s10: #8c5a2b;
  --sx: #A39A96;

  /* Lấy từ hai file mẫu (04, 02) cho các phần tử không có token sẵn. */
  --soft: #E9E2DE;          /* nền đoạn trống: thanh giai đoạn, ô lịch, ô bảng tuần */
  --ring: #B9AEAA;          /* viền ô tick, số giai đoạn */
  --pill-line: #D3C9C4;     /* viền nút viên */
  --chip-text: #5D5350;
  --chip-warn-bg: #F6DCD9;
  --chip-warn-text: #8F1E18;
  --cal-1: #EFD2CD;
  --cal-2: #DD9189;
  --cal-3: #B3261E;
  --cal-future: #B9AFAB;

  --font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', monospace;
  /* Cỡ chữ: mẫu vẽ ở khung 292px, chữ thân 14px → ứng dụng 16px; không cỡ nào dưới 12px. */
  --fs-xs: 12px;    /* nhãn nhỏ nhất: thứ trong tuần, tiêu đề cột */
  --fs-sm: 13px;    /* nhãn phụ: chip, pill, thanh dưới, chữ phụ cuối dòng */
  --fs-hd: 12.5px;  /* tiêu đề khối viết hoa */
  --fs-md: 15px;    /* dòng phụ, nút chữ "+ Thêm …", dòng gập */
  --fs-body: 16px;  /* chữ thân, tên việc */
  --fs-name: 17px;  /* tên dự án trên thẻ */
  --fs-big: 27px;   /* tiêu đề màn hình */
  --w-max: 560px;
  --gutter: 20px;
  --tabs-h: 64px;
  color-scheme: light;
}

/* Bản tối "Đỏ son" (giai đoạn 3 dùng, CHƯA kích hoạt). Chép nguyên từ giao-dien.css, tên gốc:
  --nen: #131010;
  --ben: #1A1615;
  --ben-vien: #2A2422;
  --ben-chu: #EFE8E5;
  --ben-chu-2: #A99E9A;
  --ben-chon: #EF6A5E;
  --ben-chon-chu: #1A0B09;
  --ben-the: #2A1D1B;
  --ben-hover: #241E1D;
  --the: #1D1918;
  --the-2: #262120;
  --the-3: #302927;
  --vien: #2C2624;
  --vien-nhe: #272220;
  --chu: #F3EDEB;
  --chu-2: #CABFBC;
  --chu-3: #A0948F;
  --nhan: #EF6A5E;
  --nhan-chu: #1A0B09;
  --nhan-nhat: #3A201D;
  --nhan-dam: #F48A80;
  --phu: #F0964F;
  --phu-nhat: #3A2716;
  --diem: #EF6A5E;
  --nhiet: #EF6A5E;
  --nhiet-0: #2A2423;
  --duong-a: #EF6A5E;
  --duong-b: #EF6A5E;
  --vung: #EF6A5E;
  --cot: #5A302C;
  --cot-dinh: #EF6A5E;
  --luoi: #2A2423;
  --truc: #463D3A;
  --tang: #5BD38E;
  --giam: #F87171;
  --canh: #F2B45A;
  --goi-y-nen: #F3EDEB;
  --goi-y-chu: #1D1918;
  --bong: none;
  --the-noi: linear-gradient(135deg,#3A201D 0%,#2E2219 100%);
  --s1: #e66767;
  --s2: #3987e5;
  --s3: #d95926;
  --s4: #199e70;
  --s5: #c98500;
  --s6: #9085e9;
  --s7: #d55181;
  --s8: #008300;
  --s9: #22a5c0;
  --s10: #b07a45;
  --sx: #6E6563;
  color-scheme: dark;
*/