/* Legacy file — all component styles are in app/assets/tailwind/application.css */
/* This file is kept for non-Tailwind custom properties only */

:root {
  --cnc-text: oklch(0.18 0.01 280);
  --cnc-text-secondary: oklch(0.40 0.01 280);
  --cnc-text-muted: oklch(0.55 0.01 280);
  --cnc-bg: oklch(0.985 0.004 90);
  --cnc-primary: oklch(0.6 0.27 302.79);
}

.text-cnc { color: var(--cnc-text); }
.text-cnc-secondary { color: var(--cnc-text-secondary); }
.text-cnc-muted { color: var(--cnc-text-muted); }
.bg-cnc { background-color: var(--cnc-bg); }
.font-title { font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }

.caption {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--cnc-text-muted);
}