/* variables.css — Premium agency/printing studio system */
:root{
  --brand:#18794e;        /* เขียวแบรนด์ (สุขุม ใช้เป็นแอ็กเซนต์) */
  --brand-deep:#125f3d;
  --brand-soft:#eef4f0;
  --ink:#14181d;          /* เกือบดำ = หัวข้อ/พื้นมืด */
  --ink-2:#3a424b;
  --bg:#ffffff;
  --surface:#f7f9fa;      /* เทาอ่อนมาก */
  --surface-2:#eef1f3;
  --muted:#6b7480;
  --border:#e7eaed;
  --border-2:#d9dee2;
  --white:#fff;
  --line-green:#06c755;
  --ok:#18794e; --err:#c0392b;

  --f:"IBM Plex Sans Thai",system-ui,-apple-system,sans-serif;
  --f-en:"IBM Plex Sans","IBM Plex Sans Thai",sans-serif;

  --container:1200px;
  --r:12px; --r-sm:8px; --r-lg:20px;
  --sh-sm:0 1px 2px rgba(20,24,29,.04), 0 1px 3px rgba(20,24,29,.05);
  --sh:0 6px 24px rgba(20,24,29,.07);
  --sh-lg:0 24px 60px rgba(20,24,29,.13);
  --ring:0 0 0 3px rgba(24,121,78,.18);
}
/* alias ของเดิม -> ค่าพรีเมียม (ให้คลาสเก่าทำงานต่อ) */
:root{
  --green:var(--brand); --green-deep:var(--brand-deep); --green-soft:var(--brand-soft);
  --blue:var(--brand); --blue-deep:var(--brand-deep);
  --ink-soft:var(--ink-2); --paper:var(--bg); --paper-2:var(--surface);
  --margin-red:var(--brand); --amber:var(--brand);
  --f-display:var(--f); --f-body:var(--f);
  --radius:var(--r); --radius-sm:var(--r-sm); --border-strong:var(--border-2);
  --shadow:var(--sh); --shadow-lg:var(--sh-lg); --ruled:none;
}