/* Clumsy Cloud / Quiet Kernel / working tokens 1.0 */
:root {
  color-scheme: dark;
  --cc-bg: #0B0F10; --cc-surface: #111719; --cc-surface-raised: #1A1F23;
  --cc-text: #EBEAEC; --cc-text-secondary: #AEBCC2; --cc-text-muted: #7A8FA0;
  --cc-separator: #3A4248; /* decoration only: not an essential input boundary */
  --cc-control-border: #80949A; --cc-focus: #6CE5D6;
  --cc-pine: #214F49; --cc-sage: #8BA68F; --cc-signal: #6CE5D6;
  --cc-status-building: #8CB7F0; --cc-status-review: #E5BA75; --cc-status-error: #EF9A9A;
  --cc-font-display: "Inter Tight", "Inter", system-ui, sans-serif;
  --cc-font-body: "Inter", system-ui, sans-serif;
  --cc-font-meta: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --cc-space-1: 4px; --cc-space-2: 8px; --cc-space-3: 12px; --cc-space-4: 16px;
  --cc-space-6: 24px; --cc-space-8: 32px; --cc-space-12: 48px; --cc-space-16: 64px;
  --cc-space-24: 96px; --cc-space-32: 128px;
  --cc-radius-control: 12px; --cc-radius-card: 20px; --cc-radius-panel: 28px;
  --cc-duration-press: 120ms; --cc-duration-state: 180ms; --cc-duration-panel: 260ms;
  --cc-ease: cubic-bezier(.2,.8,.2,1);
  --cc-display: clamp(2.5rem, 5.4vw, 5.5rem);
  --cc-heading: clamp(2rem, 3.6vw, 3.5rem);
  --cc-body: 1.0625rem; --cc-small: .875rem;
}
.cc-button {
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  min-height:44px; padding:12px 20px; border-radius:var(--cc-radius-control);
  border:1px solid transparent; font:500 1rem/1.3 var(--cc-font-body);
  color:var(--cc-bg); background:var(--cc-text); text-decoration:none; cursor:pointer;
  transition:transform var(--cc-duration-press) var(--cc-ease), background var(--cc-duration-state) var(--cc-ease);
}
.cc-button:hover { background:#fff; }
.cc-button:active { transform:translateY(1px); }
.cc-button--secondary { background:transparent; color:var(--cc-text); border-color:var(--cc-control-border); }
.cc-button--secondary:hover { background:var(--cc-surface-raised); }
.cc-button:focus-visible, .cc-input:focus-visible, a:focus-visible { outline:2px solid var(--cc-focus); outline-offset:4px; }
.cc-input { min-height:48px; padding:12px; border:1px solid var(--cc-control-border); border-radius:12px; background:var(--cc-bg); color:var(--cc-text); font:inherit; }
.cc-card { background:var(--cc-surface-raised); border:1px solid var(--cc-separator); border-radius:var(--cc-radius-card); padding:24px; }
.cc-meta { font:400 .8125rem/1.5 var(--cc-font-meta); color:var(--cc-text-secondary); letter-spacing:.06em; }
.cc-status { display:inline-flex; align-items:center; gap:8px; font:400 .875rem/1.4 var(--cc-font-body); }
.cc-status::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--cc-status-color, var(--cc-signal)); }
/* A word label must accompany status color. Never claim actual availability or security from a brand dot. */
@media (prefers-reduced-motion: reduce) {
  .cc-button, .cc-motion { transition:none !important; animation:none !important; transform:none !important; }
}