/* ==========================================================================
   RUPIX3D DESIGN TOKENS — from HANDOFF.md §2
   ========================================================================== */
:root {
  /* Brand */
  --green:        #113F2B;
  --green-2:      #0C2E20;
  --green-soft:   #1B5538;
  --brass:        #C5A880;
  --brass-2:      #A88A60;
  --brass-soft:   #E6D5B5;
  --ivory:        #F8F6F0;
  --ivory-2:      #EDE9DD;
  --ink:          #1A202C;
  --ink-2:        #2A3140;
  --muted:        #6E7382;
  --line:         #E2DECF;
  --line-2:       #EFEBDD;
  --green-tint:   #E6EEE9;
  --green-tint-2: #D6E1DA;

  /* Typography */
  --font-display: "Outfit", -apple-system, system-ui, sans-serif;
  --font-body:    "Inter", -apple-system, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Radii */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 14px;
  --r-xl: 18px;

  /* Shadows */
  --shadow-card: 0 1px 2px rgba(17,63,43,0.04), 0 4px 12px rgba(17,63,43,0.04);
  --shadow-pop:  0 12px 30px rgba(17,63,43,0.18);

  /* Backward-compat bridges (--pf-* → new tokens) */
  --pf-primary:        var(--green);
  --pf-primary-dark:   var(--green-2);
  --pf-primary-light:  var(--green-soft);
  --pf-cyan:           var(--brass);
  --pf-bg-base:        var(--ivory-2);
  --pf-bg-surface:     var(--ivory);
  --pf-bg-card:        #FFFFFF;
  --pf-bg-elevated:    var(--ivory);
  --pf-text-primary:   var(--ink);
  --pf-text-secondary: var(--ink-2);
  --pf-text-muted:     var(--muted);
  --pf-border:         var(--line);
  --pf-border-light:   var(--line-2);
  --pf-font-heading:   var(--font-display);
  --pf-font-body:      var(--font-body);
  --pf-radius-full:    9999px;
  --pf-radius-xl:      var(--r-xl);
  --pf-radius-lg:      var(--r-lg);
  --pf-radius-md:      var(--r-md);
  --pf-radius-sm:      var(--r-sm);
}