/* Circuit 40s — Design Tokens */

:root {
  /* ── Light surfaces ── */
  --bg:              #f5f4f1;
  --surface:         #ffffff;
  --surface-2:       #efefec;
  --surface-3:       #e6e4e0;
  --border:          #dddbd6;
  --border-strong:   #cac8c3;

  /* ── Warm graphite (parent site) ── */
  --graphite:        #0d0c0a;
  --graphite-surface: #141210;
  --graphite-raised: #1c1a17;
  --graphite-border: #252220;
  --graphite-border-strong: #302e2a;

  /* ── Dark surfaces (products) ── */
  --dark:            #0c0b09;
  --dark-surface:    #131210;
  --dark-raised:     #1c1a17;
  --dark-border:     #252220;
  --dark-border-strong: #302e2a;

  /* ── Text ── */
  --text:            #0f0e0d;
  --text-muted:      #5a5855;
  --text-dim:        #9a9895;

  /* ── Text on dark ── */
  --text-inv:        #ede9e3;
  --text-inv-muted:  #8a8784;
  --text-inv-dim:    #524f4d;

  /* ── Master accent — Circuit Red ── */
  --accent:          #C10F1D;
  --accent-dark:     #9e0c18;
  --accent-light:    #e8152a;
  --accent-subtle:   rgba(193, 15, 29, 0.07);
  --accent-subtle-inv: rgba(193, 15, 29, 0.12);

  /* ── Ecosystem product accents ── */
  --c41-accent:      #CD643D;   /* warm, approachable, consumer */
  --c42-accent:      #C10F1D;   /* core Circuit identity */
  --c43-accent:      #C74734;   /* mature enterprise tone */
  --c44-accent:      #C9781D;   /* industrial, operator */

  /* ── Typography ── */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  /* ── Type scale ── */
  --text-xs:   0.6875rem;
  --text-sm:   0.8125rem;
  --text-base: 0.9375rem;
  --text-lg:   1.0625rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;
  --text-4xl:  2.75rem;
  --text-5xl:  3.75rem;
  --text-6xl:  5rem;

  /* ── Layout ── */
  --container:       1160px;
  --container-md:    900px;
  --container-sm:    680px;
  --nav-h:           60px;
  --radius:          3px;
  --radius-md:       6px;
  --radius-lg:       12px;
  --radius-xl:       20px;
}