/* Fonts first — an @import after any other rule is silently ignored. */
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

:root {
  /* Brand — แดงแจ๋ มั่นใจ อิ่มสี (#ef1a25) */
  --color-primary:        oklch(0.54 0.24 27);
  --color-primary-hover:  oklch(0.48 0.24 27);
  --color-primary-fg:     oklch(0.99 0.01 27);
  --color-primary-subtle: oklch(0.96 0.042 27);

  /* Accent — เหลืองอำพัน/ทอง เน้นเงินและกำไร */
  --color-accent:         oklch(0.66 0.15 66);
  --color-accent-subtle:  oklch(0.95 0.06 75);

  /* Surfaces — ขาวสะอาด ทิ้นแดงน้อยๆ */
  --color-bg:           oklch(0.985 0.008 27);
  --color-surface:      oklch(0.998 0.004 27);
  --color-surface-tint: oklch(0.960 0.028 27);
  --color-muted:        oklch(0.957 0.010 27);
  --color-sidebar:      oklch(0.29 0.07 27);

  /* Text */
  --color-fg:        oklch(0.27 0.022 20);
  --color-fg-muted:  oklch(0.49 0.025 20);
  --color-fg-onbrand:oklch(0.99 0.01 27);

  /* Borders & focus */
  --color-border: oklch(0.90 0.012 27);
  --color-ring:   oklch(0.54 0.24 27);

  /* Status */
  --color-success: oklch(0.58 0.14 150);
  --color-warning: oklch(0.64 0.14 66);
  --color-danger:  oklch(0.55 0.20 25);
  --color-info:    oklch(0.60 0.13 240);

  /* Category palette — ช่องทาง/ชิ้นส่วนหมู */
  --cat-1: oklch(0.60 0.16 27);   /* สามชั้น */
  --cat-2: oklch(0.62 0.15 150);  /* สันคอ */
  --cat-3: oklch(0.60 0.15 260);  /* หมูบด */
  --cat-4: oklch(0.66 0.15 60);   /* ซี่โครง */

  /* Radius — มน เป็นมิตร */
  --radius-sm: 0.5rem;
  --radius:    0.875rem;
  --radius-lg: 1.25rem;

  /* Shadow — นุ่ม ชั้นเดียว */
  --shadow-sm: 0 1px 2px oklch(0.3 0.04 20 / 0.07);
  --shadow:    0 6px 18px oklch(0.3 0.04 20 / 0.09);
  --shadow-lg: 0 16px 40px oklch(0.3 0.04 20 / 0.14);

  /* Spacing — 4pt */
  --space-1: 0.25rem; --space-2: 0.5rem;  --space-3: 0.75rem;
  --space-4: 1rem;    --space-5: 1.25rem; --space-6: 1.5rem;  --space-8: 2rem;
  --space-12: 3rem;   --space-16: 4rem;

  /* Typography */
  --font-display: "Bai Jamjuree", system-ui, sans-serif;
  --font-body:    "IBM Plex Sans Thai", system-ui, sans-serif;
  --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem;
  --text-lg: 1.125rem; --text-xl: 1.375rem; --text-2xl: 1.75rem; --text-3xl: 2.25rem;
  --text-4xl: 3rem;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 220ms;
}