/* Pinned build output from FreshContext/Intershapes @ 2b97696 (staging, packages/shapes/dist/skins/fc-neon.css).
 * Not edited here. Replace by consuming a tagged Intershapes release once one is published. */
/* ════════════════════════════════════════════════════════════════════
 * Canonical skin: fc-neon
 * Source: packages/shapes/src/tokens/semantics/skins/fc-neon.json
 * Description: FC Neon skin — Fresh Context marketing site. Near-black canvas, bone text, neon lime accent. Archivo headings, JetBrains Mono eyebrow. High contrast, terminal aesthetic.
 * Compiled by build-skins.ts — DO NOT EDIT BY HAND.
 * To change: edit the canonical .json then recompile.
 * ════════════════════════════════════════════════════════════════════ */

[data-skin="fc-neon"] {
  --color-text-primary: #efede3;
  --color-text-secondary: rgba(239,237,227,0.7);
  --color-text-tertiary: rgba(239,237,227,0.45);
  --color-text-inverse: #0a0a0b;
  --color-text-accent: #c8ff3d;
  --color-surface-default: #0a0a0b;
  --color-surface-secondary: #15151a;
  --color-surface-tertiary: #1a1a20;
  --color-surface-inverse: #efede3;
  --color-border-default: rgba(239,237,227,0.14);
  --color-border-muted: rgba(239,237,227,0.08);
  --color-border-accent: rgba(200,255,61,0.3);
  --color-accent-default: #c8ff3d;
  --color-accent-hover: #d4ff6a;
  --color-accent-active: #8fb82c;
  --color-accent-subtle: rgba(200,255,61,0.12);
  --type-heading-h1-family: Archivo, system-ui, sans-serif;
  --type-heading-h1-weight: 800;
  --type-heading-h1-leading: 1.2;
  --type-heading-h1-tracking: -0.025em;
  --type-heading-h2-family: Archivo, system-ui, sans-serif;
  --type-heading-h2-weight: 700;
  --type-heading-h2-leading: 1.2;
  --type-heading-h2-tracking: -0.025em;
  --type-heading-h3-family: Archivo, system-ui, sans-serif;
  --type-heading-h3-weight: 600;
  --type-heading-h3-leading: 1.5;
  --type-heading-h3-tracking: 0;
  --type-heading-h4-family: Archivo, system-ui, sans-serif;
  --type-heading-h4-weight: 600;
  --type-heading-h4-leading: 1.5;
  --type-eyebrow-family: JetBrains Mono, ui-monospace, monospace;
  --type-eyebrow-weight: 500;
  --type-eyebrow-tracking: 0.1em;
  --type-eyebrow-transform: uppercase;
  --type-lede-family: Archivo, system-ui, sans-serif;
  --type-lede-weight: 400;
  --type-lede-leading: 1.75;
  --layout-card-border-radius: 0.25rem;
  --layout-button-border-radius: 0.25rem;
  --shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.4), 0 1px 2px -1px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.5), 0 2px 4px -2px rgba(0,0,0,0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.6), 0 4px 6px -4px rgba(0,0,0,0.4);
  --shadow-xl: 0 20px 25px -5px rgba(200,255,61,0.15), 0 8px 10px -6px rgba(0,0,0,0.4);
  --motion-duration-fast: 0.15s;
  --motion-duration-normal: 0.25s;
  --motion-duration-slow: 0.4s;
  --motion-easing-default: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-easing-in-out: cubic-bezier(0.4, 0, 0.6, 1);
}

/* ── Base canvas & ink ── */
html[data-skin="fc-neon"], [data-skin="fc-neon"] body {
  background: var(--color-surface-default) !important;
  color: var(--color-text-primary) !important;
  font-family: var(--type-lede-family) !important;
}

/* ── Headings (Archivo-style; overridden per-skin via tokens) ── */
[data-skin="fc-neon"] h1 { font-family: var(--type-heading-h1-family) !important; font-weight: var(--type-heading-h1-weight) !important; line-height: var(--type-heading-h1-leading) !important; letter-spacing: var(--type-heading-h1-tracking) !important; color: var(--color-text-primary) !important; }
[data-skin="fc-neon"] h2 { font-family: var(--type-heading-h2-family) !important; font-weight: var(--type-heading-h2-weight) !important; line-height: var(--type-heading-h2-leading) !important; letter-spacing: var(--type-heading-h2-tracking) !important; color: var(--color-text-primary) !important; }
[data-skin="fc-neon"] h3 { font-family: var(--type-heading-h3-family) !important; font-weight: var(--type-heading-h3-weight) !important; line-height: var(--type-heading-h3-leading) !important; color: var(--color-text-primary) !important; }
[data-skin="fc-neon"] h1 em, [data-skin="fc-neon"] h2 em, [data-skin="fc-neon"] h2 .accent { color: var(--color-text-accent) !important; font-style: normal !important; }

/* ── Eyebrows (mono uppercase) ── */
[data-skin="fc-neon"] [data-role="eyebrow"], [data-skin="fc-neon"] .eyebrow, [data-skin="fc-neon"] .section-eyebrow {
  font-family: var(--type-eyebrow-family) !important;
  font-weight: var(--type-eyebrow-weight) !important;
  letter-spacing: var(--type-eyebrow-tracking) !important;
  text-transform: var(--type-eyebrow-transform) !important;
  color: var(--color-text-accent) !important;
}

/* ── Body text ── */
[data-skin="fc-neon"] p, [data-skin="fc-neon"] [data-role="lede"], [data-skin="fc-neon"] .lede {
  font-family: var(--type-lede-family) !important;
  line-height: var(--type-lede-leading) !important;
  color: var(--color-text-secondary) !important;
}

/* ── Surfaces ── */
[data-skin="fc-neon"] [data-role="card"], [data-skin="fc-neon"] [data-shape*="card"], [data-skin="fc-neon"] [data-shape*="grid"] [data-role="item"] {
  background: var(--color-surface-secondary) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: var(--layout-card-border-radius, 0.125rem) !important;
}

/* ── CTAs ── */
[data-skin="fc-neon"] [data-role="cta-primary"], [data-skin="fc-neon"] [data-role="button"], [data-skin="fc-neon"] button[type="submit"] {
  background: var(--color-accent-default) !important;
  color: var(--color-surface-default) !important;
  border-radius: var(--layout-button-border-radius, 0.125rem) !important;
}
[data-skin="fc-neon"] [data-role="cta-primary"]:hover, [data-skin="fc-neon"] [data-role="button"]:hover {
  background: var(--color-accent-hover) !important;
}

/* ── Form fields ── */
[data-skin="fc-neon"] input, [data-skin="fc-neon"] select, [data-skin="fc-neon"] textarea {
  background: var(--color-surface-default) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: var(--layout-button-border-radius, 0.125rem) !important;
}
[data-skin="fc-neon"] input:focus, [data-skin="fc-neon"] select:focus, [data-skin="fc-neon"] textarea:focus {
  border-color: var(--color-text-accent) !important;
  outline: 2px solid var(--color-accent-subtle) !important;
}