/*
 * Design tokens — Le Mont brand identity.
 * Nguồn: "Cam nang nhan dien thuong hieu Le Mont.pdf" (trang 05, 11, 35) +
 * đối chiếu pixel thật qua devtools trên "Lich Tuan Le Mont (Standalone).html".
 */
:root {
    /* Trang 05 + 35 — màu chuẩn nhận diện */
    --lm-green: #2F6259;
    --lm-grey: #A7A9AC;
    --lm-gold: #D9A751;

    /* Dẫn xuất cho giao diện — không có trong cẩm nang, đối chiếu khớp mockup */
    --lm-green-dark: #244A43;
    --lm-green-light: #E8F0EE;
    --lm-ink: #1F2421;
    --lm-muted: #6B7280;
    --lm-border: #E3E5E4;
    --lm-bg: #F7F7F5;
    --lm-white: #ffffff;
    --lm-input-disabled-bg: #F7F9F8;

    /* Trạng thái — tông trầm, đối chiếu đúng mockup */
    --lm-warn: #B4802A;
    --lm-warn-bg: #FBF1DC;
    --lm-warn-border: #EBD8A8;
    --lm-danger: #A93226;
    --lm-danger-bg: #FAEAE8;
    --lm-danger-border: #F1C6C1;
    --lm-ok: var(--lm-green);
    --lm-ok-bg: var(--lm-green-light);
    --lm-ok-border: #CFE1DC;
    --lm-muted-bg: #F1F2F1;

    /*
     * Biến "-text" bên dưới là bản đậm hơn màu gốc lấy từ mockup, dùng riêng cho CHỮ trên
     * nền nhạt cùng tông — màu gốc (--lm-warn, --lm-gold, --lm-muted trên nền *-bg) không đạt
     * AA 4.5:1 khi dùng làm màu chữ. Màu gốc vẫn dùng cho border/nền, không đổi.
     */
    --lm-gold-text: #8A6420;   /* gold thô ~2.1:1 trên trắng */
    --lm-warn-text: #8A5D1F;   /* warn thô ~3.1:1 trên warn-bg */
    --lm-muted-text: #5A6472;  /* muted thô ~4.3:1 trên muted-bg, dưới ngưỡng AA */

    --lm-font: Arial, "Helvetica Neue", Helvetica, "Segoe UI", system-ui, sans-serif;

    --lm-radius: 6px;
    --lm-radius-lg: 8px;
    --lm-radius-pill: 999px;
    --lm-shadow-modal: 0 8px 24px rgba(0, 0, 0, 0.1);
}