/* ===================================================
   Chaisanam Brand CI — Design System
   Version 2.0 | May 2026 | ปาน (Design Agent)
   Updated: Green + Silver + Black (Logo v2)
=================================================== */

@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600;700&family=Sarabun:wght@400;600&display=swap');

:root {
  /* ── Brand Color ── */
  --c-primary:   #5B9E2A;
  --c-secondary: #7DC944;
  --c-accent:    #C8C8C8;
  /* ── Gradient ── */
  --grad-brand:  linear-gradient(135deg, #5B9E2A 0%, #7DC944 100%);
  --grad-silver: linear-gradient(135deg, #B0B0B0 0%, #E8E8E8 100%);
  --grad-soft:   linear-gradient(135deg, #F0F7E8 0%, #F7FBF2 100%);

  /* ── Surface ── */
  --c-bg:        #FFFFFF;
  --c-surface:   #F7FBF2;
  --c-border:    #D4E8C2;

  /* ── Text ── */
  --c-text:      #0F1F08;
  --c-muted:     #4A6B2A;
  --c-subtle:    #8DAF6A;

  /* ── Status ── */
  --c-success:   #5B9E2A;
  --c-warning:   #D97706;
  --c-danger:    #DC2626;
  --c-info:      #0891B2;

  /* ── Typography ── */
  --font-primary: 'Kanit', sans-serif;
  --font-body:    'Sarabun', sans-serif;

  /* ── Shape ── */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-full: 9999px;

  /* ── Shadow ── */
  --shadow-sm:    0 1px 4px rgba(0,0,0,0.06);
  --shadow-md:    0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg:    0 8px 32px rgba(0,0,0,0.10);
  --shadow-brand: 0 4px 20px rgba(91,158,42,0.30);

  --transition: 0.2s ease;
}