:root{
  /* Core field palette */
  --rf-obsidian:#050708;
  --rf-charcoal:#0b0f11;
  --rf-panel:#111719;

  --rf-paper:#f5efe8;
  --rf-cream:#ddd2c5;
  --rf-muted:#aaa199;
  --rf-dim:#706a62;

  --rf-ember:#f26722;
  --rf-ember-light:#ff8a2a;
  --rf-bronze:#b8793a;
  --rf-leather:#7a3f22;
  --rf-marsh:#5d6046;

  /* Semantic colors */
  --rf-bg:var(--rf-obsidian);
  --rf-surface:var(--rf-charcoal);
  --rf-surface-raised:var(--rf-panel);

  --rf-text:var(--rf-paper);
  --rf-text-soft:var(--rf-cream);
  --rf-text-muted:var(--rf-muted);

  --rf-accent:var(--rf-ember);
  --rf-accent-strong:var(--rf-ember-light);

  /* Borders */
  --rf-border:rgba(255,255,255,.14);
  --rf-border-strong:rgba(242,103,34,.38);

  /* Typography */
  --rf-font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --rf-font-serif:Georgia,"Times New Roman",serif;

  --rf-text-xs:12px;
  --rf-text-sm:14px;
  --rf-text-md:17px;
  --rf-text-lg:20px;
  --rf-text-xl:24px;
  --rf-text-2xl:32px;
  --rf-text-3xl:48px;
  --rf-text-display:clamp(58px,8vw,132px);

  /* Spacing */
  --rf-space-1:8px;
  --rf-space-2:12px;
  --rf-space-3:16px;
  --rf-space-4:24px;
  --rf-space-5:40px;
  --rf-space-6:64px;
  --rf-space-7:88px;

  /* Layout */
  --rf-page-width:1500px;
  --rf-content-width:860px;

  /* Radius */
  --rf-radius-sm:14px;
  --rf-radius-md:20px;
  --rf-radius-card:28px;
  --rf-radius-panel:36px;
  --rf-radius-pill:999px;

  /* Shadows */
  --rf-shadow-card:0 18px 55px rgba(0,0,0,.28);
  --rf-shadow-panel:0 36px 120px rgba(0,0,0,.42);
  --rf-shadow-glow:0 0 34px rgba(242,103,34,.32);

  /* Motion */
  --rf-ease:cubic-bezier(.22,1,.36,1);
  --rf-fast:160ms var(--rf-ease);
  --rf-normal:260ms var(--rf-ease);
  --rf-slow:700ms var(--rf-ease);

  /* Effects */
  --rf-lift:-3px;
  --rf-glass-bg:rgba(5,7,8,.72);
  --rf-glass-border:rgba(255,255,255,.12);
  --rf-glass-blur:blur(22px);
}