/* CSS Custom Properties */
:root {
  --color-primary:        #2563eb;
  --color-primary-hover:  #1d4ed8;
  --color-primary-active: #1e40af;
  --color-danger:         #dc2626;
  --color-danger-hover:   #b91c1c;
  --color-danger-active:  #991b1b;
  --color-success:        #16a34a;
  --color-warning:        #d97706;

  --color-bg:             #f8fafc;
  --color-surface:        #ffffff;
  --color-border:         #e2e8f0;
  --color-border-light:   #f1f5f9;

  --color-text:           #0f172a;
  --color-text-secondary: #64748b;
  --color-text-muted:     #94a3b8;

  --color-row-alt:        #f8fafc;
  --color-row-hover:      #eff6ff;

  --badge-published-bg:   #dcfce7;
  --badge-published-text: #15803d;
  --badge-draft-bg:       #f1f5f9;
  --badge-draft-text:     #475569;
  --badge-scheduled-bg:   #fef9c3;
  --badge-scheduled-text: #a16207;

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;

  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-sans);
  background: var(--color-bg);
  color: var(--color-text);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.hidden { display: none !important; }
.text-secondary { color: var(--color-text-secondary); }
.text-muted { color: var(--color-text-muted); }
.text-sm { font-size: 13px; }