/* Semantic token theo Figma cho các module đã redesign */
/* ============ Figma scope ============
   App đổi màu dần theo từng module được redesign, không đổi một lượt.
   Module nào đã làm theo Figma thì định nghĩa lại semantic token ở đây với
   giá trị Light của Figma (docs/design.md Phụ lục A.2); con cháu tự kế thừa.
   Phần còn lại của app vẫn dùng giá trị cũ ở :root.
   Khi mọi module đã vào đây, chuyển khối này lên :root rồi xoá.

   Đã redesign: header (kèm 3 menu), Pin Area, dialog xác nhận,
   Expense Composer (.expense-composer), các sheet .fsheet, khung tin nhắn (main):
   bong bóng, Day summary, Message info; Global Banner; máy tính quy đổi.
   Pin Area không có nền riêng (trong suốt, đè lên khung tin nhắn). */
header, .pin-area, .dialog-wrap, .expense-composer, .fsheet, main, .global-banner, .calc-view{
  --color-text-primary:var(--neutral-1000);
  --color-text-secondary:var(--neutral-600);
  --color-text-tertiary:var(--neutral-500);
  --color-fill-quaternary:var(--neutral-100);
  --color-fill-tertiary:var(--neutral-200);
  --color-accent-primary:var(--blue-500);
  --color-accent-muted:var(--blue-100);
  --color-border-focus:var(--blue-500);
  --color-status-error:var(--red-500);
  --color-on-accent:var(--neutral-0);
  --color-background-tertiary:var(--neutral-50);
  --color-status-success:var(--green-500);
  --color-status-success-surface:var(--green-100);
  --color-status-warning:var(--orange-500);
  --color-status-error-surface:var(--red-100);
  --color-status-info-surface:var(--blue-100);
  --color-status-warning-surface:var(--orange-100);
  --color-background-secondary:var(--neutral-100);
  /* Figma Expense bubble: Outbound = blue/100, Inbound = neutral/0 */
  --color-bubble-out:var(--blue-100);
  --color-bubble-in:var(--neutral-0);
}