/* Chou Force — design tokens. Source of truth for the front end; theme.json mirrors the palette for
   the editor. Dark-first: this is a premium, high-tech hub, not a white brochure. */

:root {
  /* Surfaces */
  --cf-base: #07132B;
  --cf-surface: #0D1F3F;
  --cf-surface-2: #122A52;
  --cf-line: #1E3A66;
  --cf-line-soft: rgba(159, 179, 200, .14);

  /* Ink */
  --cf-text: #EAF2FB;
  --cf-muted: #9FB3C8;
  --cf-faint: #6C8197;

  /* Brand accents (cyan + amber are the Octalysis mark colours) */
  --cf-cyan: #38C6F2;
  --cf-sky: #2BA6E8;
  --cf-electric: #1367BD;
  --cf-amber: #F98A1E;
  --cf-gold: #FAB024;
  --cf-teal: #2BD4A6;
  --cf-violet: #B668C8;
  --cf-white: #FFFFFF;

  /* Type (self-hosted, declared in theme.json) */
  --cf-font-display: Sora, "Segoe UI", system-ui, -apple-system, sans-serif;
  --cf-font-body: Manrope, "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Layout */
  --cf-wrap: 1160px;
  --cf-gutter: clamp(16px, 4vw, 40px);
  --cf-top-h: 72px;

  /* Shape */
  --cf-r-sm: 10px;
  --cf-r-md: 16px;
  --cf-r-lg: 24px;
  --cf-r-pill: 999px;
  --cf-oct: polygon(29% 0, 71% 0, 100% 29%, 100% 71%, 71% 100%, 29% 100%, 0 71%, 0 29%);

  /* Motion — slick, never goofy: one ease, short durations, nothing loops */
  --cf-ease: cubic-bezier(.2, .75, .2, 1);
  --cf-fast: 160ms;
  --cf-base-t: 240ms;
  --cf-reveal: 560ms;

  /* Depth */
  --cf-shadow-lift: 0 24px 48px -24px rgba(0, 0, 0, .65);
  --cf-glow-cyan: 0 0 0 1px rgba(56, 198, 242, .25), 0 12px 40px -12px rgba(56, 198, 242, .35);
}