/* ==========================================================
   MG247 - Theme
   File    : theme.css
   Purpose : Global Design Tokens
   Scope   : All Pages
   ========================================================== */

:root {
  /* ======================================================
       01. SYSTEM
       ====================================================== */

  color-scheme: light;

  /* ======================================================
       02. BRAND - MÀU CHỦ ĐẠO MG247
       ====================================================== */

  --primary: #a67c52;
  --primary-hover: #8f6845;

  --accent: #a86f2a;
  --accent-2: #7a4a1a;
  --accent-soft: #f2d8b0;

  --secondary: #7a5b3d;

  /* ======================================================
       03. BRAND BLUE - XANH LƠ
       Dùng cho đường kẻ bảng, tiêu đề Kho BĐS, nhận diện
       ====================================================== */

  --blue: #55cfff;
  --blue-light: #b9ddf7;
  --blue-soft: #eef7ff;
  --blue-dark: #4db8dc;

  --border-blue: #b9ddf7;

  /* ======================================================
       04. BRAND GREEN - XANH NÕN CHUỐI
       Dùng làm điểm nhấn
       ====================================================== */

  --green: #7cfc00;
  --green-light: #dff2b8;
  --green-soft: #e5f3cf;
  --green-dark: #5faf00;

  --border-green: #7cfc00;

  /* ======================================================
       05. SEMANTIC COLORS
       ====================================================== */

  --success: #16a34a;
  --success-dark: #1f7a2e;
  --success-bg: #eef9ef;
  --success-border: #b8dfbc;

  --warning: #f59e0b;
  --warning-dark: #9b6a00;
  --warning-bg: #fff8e3;
  --warning-border: #f2d675;

  --danger: #dc2626;
  --danger-dark: #b42318;
  --danger-bg: #fff1f1;
  --danger-border: #efb0b0;

  --info: #0ea5e9;
  --info-dark: #0b63c8;
  --info-bg: #eef5ff;
  --info-border: #b6d2ff;

  --purple: #7c3aed;
  --purple-dark: #6d28d9;

  /* Excel / Export data */
  --excel: #217346;
  --excel-dark: #185c37;
  --excel-bg: #eaf5ee;
  --excel-border: #a8cfb7;

  --zalo: #5b9bff;
  --zalo-hover: #3b82f6;

  --facebook: #7eaee6;
  --facebook-hover: #6e9fdb;

  /* Social - phiên bản nền nhạt dùng cho nút trong dialog */
  --zalo-bg: #eef6ff;
  --zalo-text: #176fc1;
  --zalo-border: #b7d8f6;

  --facebook-bg: #edf4fc;
  --facebook-text: #3f6fad;
  --facebook-border: #bfd5ee;

  /* ======================================================
       06. STATUS
       ====================================================== */

  --status-available: #22c55e;
  --status-showing: #f59e0b;
  --status-rented: #ef4444;

  /* ======================================================
       07. BACKGROUND
       ====================================================== */

  --bg: #f8efe6;
  --bg-2: #efe0c9;

  --surface: #fffaf3;
  --surface-secondary: #f5ebdd;

  --surface-white: #ffffff;

  --surface-soft: #fcf8f0;
  --surface-card: #fffdf8;

  --surface-hover: #fdebf3;
  --surface-warning: #fcf7ef;
  --surface-danger-soft: #fff5f4;
  --surface-input: #ffffff;

  --surface-blue: #eef7ff;
  --surface-green: #dff2b8;
  --surface-danger: #fff5f4;

  /* ======================================================
       08. TEXT
       ====================================================== */

  --text: #3f2b1d;
  --text-dark: #222222;
  --text-black: #111111;

  --text-light: #7a5b3d;
  --text-muted: #9a8068;
  --muted: #7a5b3d;

  --text-secondary: #555555;
  --text-location: #6d6d6d;

  --text-on-primary: #ffffff;

  /* ======================================================
       09. BORDER
       ====================================================== */

  --border: #e2c8a5;

  --border-soft: #e3d5bf;
  --border-light: #e8d8bf;

  --border-primary: #b98552;

  --border-table: #b9ddf7;

  /* ======================================================
       10. TABLE
       ====================================================== */

  --table-header-bg: #f3e3cc;
  --table-row-bg: #ffffff;
  --table-row-alt: #f5ebdd;

  --table-border: #b9ddf7;

  --table-header-border: #b69769;

  --table-header-bottom: #8d6330;

  /* ======================================================
       11. KHO BĐS - TITLE
       ====================================================== */

  --title-color: #111111;

  --title-stroke: #55cfff;

  --title-shadow-1: #a8eaff;
  --title-shadow-2: #7bd8f5;
  --title-shadow-3: #4db8dc;

  /* ======================================================
       12. RADIUS
       ====================================================== */

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;

  /* ======================================================
       13. SHADOW
       ====================================================== */

  --shadow-sm: 0 2px 4px rgba(95, 58, 23, 0.06);

  --shadow: 0 8px 18px rgba(95, 58, 23, 0.1);

  --shadow-lg: 0 16px 32px rgba(95, 58, 23, 0.14);

  --shadow-button: 0 6px 16px rgba(122, 74, 26, 0.2);

  --shadow-button-hover: 0 10px 22px rgba(122, 74, 26, 0.24);

  /* ======================================================
       14. FONT
       ====================================================== */

  --font: "Segoe UI", Roboto, Arial, sans-serif;
}