/* ezAdmin CMS tokens — 丸莊醬油官網後台展示（醬油紅 × 麥芽金主題） */
:root {
  --background: 30 20% 98%;
  --foreground: 20 30% 12%;
  --card: 0 0% 100%;
  --card-foreground: 20 30% 12%;
  --popover: 0 0% 100%;
  --popover-foreground: 20 30% 12%;

  --primary: 355 65% 38%;
  --primary-foreground: 30 40% 98%;
  --secondary: 355 40% 94%;
  --secondary-foreground: 355 65% 32%;

  --muted: 30 20% 95%;
  --muted-foreground: 25 12% 42%;
  --accent: 38 75% 48%;
  --accent-foreground: 25 40% 12%;
  --destructive: 0 72% 45%;
  --destructive-foreground: 0 0% 98%;

  --border: 30 15% 88%;
  --input: 30 15% 85%;
  --ring: 355 65% 38%;
  --radius: 0.5rem;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --sidebar-background: 20 35% 10%;
  --sidebar-foreground: 30 30% 96%;
  --sidebar-primary: 38 75% 48%;
  --sidebar-primary-foreground: 20 35% 10%;
  --sidebar-accent: 355 55% 22%;
  --sidebar-accent-foreground: 0 0% 100%;
  --sidebar-border: 25 25% 20%;
  --sidebar-ring: 38 75% 48%;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-size: 14px;
  color: hsl(var(--foreground));
  background: hsl(var(--background));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }

.bg-bg          { background: hsl(var(--background)); }
.bg-card        { background: hsl(var(--card)); }
.bg-muted       { background: hsl(var(--muted)); }
.bg-primary     { background: hsl(var(--primary)); }
.bg-secondary   { background: hsl(var(--secondary)); }
.bg-destructive { background: hsl(var(--destructive)); }
.bg-sidebar     { background: hsl(var(--sidebar-background)); }

.text-fg            { color: hsl(var(--foreground)); }
.text-muted-fg      { color: hsl(var(--muted-foreground)); }
.text-primary       { color: hsl(var(--primary)); }
.text-primary-fg    { color: hsl(var(--primary-foreground)); }
.text-secondary-fg  { color: hsl(var(--secondary-foreground)); }
.text-destructive   { color: hsl(var(--destructive)); }
.text-sidebar-fg    { color: hsl(var(--sidebar-foreground)); }
.text-white         { color: #fff; }

.border-border  { border: 1px solid hsl(var(--border)); }
.border-b-border { border-bottom: 1px solid hsl(var(--border)); }
.border-t-border { border-top: 1px solid hsl(var(--border)); }
.divide-y > * + * { border-top: 1px solid hsl(var(--border)); }

.rounded-sm  { border-radius: 4px; }
.rounded-md  { border-radius: 6px; }
.rounded-lg  { border-radius: 8px; }
.rounded-xl  { border-radius: 12px; }
.rounded-full { border-radius: 9999px; }

.shadow-sm { box-shadow: 0 1px 2px 0 rgba(40, 20, 10, 0.05); }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(40, 20, 10, 0.10), 0 2px 4px -2px rgba(40, 20, 10, 0.06); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(40, 20, 10, 0.10), 0 4px 6px -4px rgba(40, 20, 10, 0.05); }

.focus-ring:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px hsl(var(--ring));
}

/* CKEditor 內嵌樣式對齊卡片外觀 */
.ck-editor-field .ck.ck-editor__main > .ck-editor__editable {
  min-height: 220px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.ck-editor-field .ck.ck-toolbar {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}