:root {
  --v3-canvas: #f4f7fb;
  --v3-surface: #ffffff;
  --v3-surface-subtle: #f7f9fc;
  --v3-text: #162033;
  --v3-muted: #64748b;
  --v3-border: #dfe7f1;
  --v3-focus: #2563eb;
  --v3-danger: #dc294a;
  --v3-warning: #b7791f;
  --v3-success: #17864b;
  --v3-info: #2563eb;
  --v3-on-dark: #f8fbff;
  --v3-sidebar-width: 256px;
  --v3-topbar-height: 72px;
  --v3-radius-sm: 12px;
  --v3-radius-md: 18px;
  --v3-radius-lg: 24px;
  --v3-shadow: 0 12px 34px rgba(15, 23, 42, .08);
  --v3-font: Inter, "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-theme="dark"] {
  --v3-canvas: #0b1220;
  --v3-surface: #111b2d;
  --v3-surface-subtle: #172338;
  --v3-text: #edf4ff;
  --v3-muted: #a9b8cc;
  --v3-border: #2c3b52;
  --v3-focus: #7db2ff;
  --v3-danger: #fb7185;
  --v3-warning: #f6c85f;
  --v3-success: #4ade80;
  --v3-info: #7db2ff;
  --v3-on-dark: #ffffff;
  --v3-shadow: 0 18px 48px rgba(0, 0, 0, .28);
}