/* GENERATED by scripts/portal_vendor.py from static/portal/css/tokens/*.css — do not edit;
   re-run the script. The portal's design tokens on the portal's markup only (.portal),
   under the new screens only (html.ui-new). */
/* tokens/colors.css */
html.ui-new .portal {
  --atomic-black: #000000;
  --white:        #ffffff;
  --hr-purple:        #9140b0;
  --hr-purple-700:    #76318f;
  --hr-purple-300:    #c89adc;
  --hr-purple-100:    #f1e6f6;
  --energy-yellow:    #f2c050;
  --energy-yellow-600:#d3a32f;
  --energy-yellow-100:#fbeecb;
  --orbit-green:  #90d060;
  --orbit-pink:   #e05090;
  --orbit-blue:   #50b0d0;
  --orbit-orange: #f0b040;
  --brand-purple:     var(--hr-purple);
  --brand-purple-700: var(--hr-purple-700);
  --brand-purple-300: var(--hr-purple-300);
  --brand-purple-100: var(--hr-purple-100);
  --brand-yellow:     var(--energy-yellow);
  --brand-yellow-600: var(--energy-yellow-600);
  --brand-yellow-100: var(--energy-yellow-100);
  --spectrum-pink:    var(--orbit-pink);
  --spectrum-purple:  var(--hr-purple);
  --spectrum-green:   var(--orbit-green);
  --spectrum-orange:  var(--orbit-orange);
  --spectrum-teal:    var(--orbit-blue);
  --spectrum-blue:    var(--orbit-blue);
  --spectrum-yellow:  var(--energy-yellow);
  --paper-0:    #ffffff;
  --paper-50:   #fafafa;
  --paper-100:  #f4f4f5;
  --paper-200:  #e9e9ec;
  --line-300:   #dddde1;
  --ink-400:    #a1a1aa;
  --ink-500:    #82828c;
  --ink-600:    #5c5c66;
  --ink-700:    #3f3f46;
  --ink-800:    #1c1c20;
  --ink-900:    #000000;
  --success:    #2fa25b;
  --success-bg: #e6f5ec;
  --warning:    #d3922b;
  --warning-bg: #fbefd6;
  --danger:     #e0454b;
  --danger-bg:  #fbe4e5;
  --info:       #3f9bba;
  --info-bg:    #e4f2f7;
  --bg-page:        var(--paper-50);
  --bg-surface:     var(--paper-0);
  --bg-surface-2:   var(--paper-50);
  --bg-sunken:      var(--paper-100);
  --bg-inverse:     var(--atomic-black);
  --text-strong:    var(--atomic-black);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-on-brand:  #ffffff;
  --text-on-accent: #ffffff;
  --text-on-yellow: var(--atomic-black);
  --text-inverse:   var(--paper-50);
  --border-subtle:  var(--line-300);
  --border-strong:  var(--atomic-black);
  --action:         var(--atomic-black);
  --action-hover:   var(--ink-800);
  --accent:         var(--hr-purple);
  --accent-hover:   var(--hr-purple-700);
  --focus-ring:     rgba(145,64,176,0.45);
}
/* tokens/effects.css */
html.ui-new .portal {
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 999px;
  --border-width: 1px;
  --hairline: rgba(20, 16, 40, 0.08);
  --shadow-xs: 0 1px 2px rgba(20,16,40,0.05);
  --shadow-sm: 0 1px 2px rgba(20,16,40,0.04), 0 2px 6px rgba(20,16,40,0.05);
  --shadow-md: 0 2px 4px rgba(20,16,40,0.04), 0 8px 20px rgba(20,16,40,0.08);
  --shadow-lg: 0 4px 8px rgba(20,16,40,0.05), 0 20px 44px rgba(20,16,40,0.13);
  --shadow-brand: 0 8px 20px rgba(145,64,176,0.22);
  --ring: 0 0 0 3px rgba(176,124,240,0.45);
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:    120ms;
  --dur-base:    200ms;
  --dur-slow:    320ms;
}
/* tokens/fonts.css */
html.ui-new .portal {
 --font-hero: "League Spartan", var(--font-display, "Jost"), system-ui, sans-serif;
}
/* tokens/spacing.css */
html.ui-new .portal {
  --space-0:   0;
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.5rem;
  --space-6:   2rem;
  --space-7:   3rem;
  --space-8:   4rem;
  --space-9:   6rem;
  --container-sm:  640px;
  --container-md:  960px;
  --container-lg:  1200px;
  --container-xl:  1320px;
  --gutter:        var(--space-5);
}
/* tokens/typography.css */
html.ui-new .portal {
  --font-display: "Jost", system-ui, sans-serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono:    ui-monospace, Menlo, monospace;
  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;
  --fw-black:     900;
  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 0.875rem;
  --text-md:   1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.3125rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.375rem;
  --leading-tight:   1.08;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-label:  0.14em;
  --display-font:   var(--font-display);
  --display-weight: var(--fw-semibold);
  --heading-font:   var(--font-display);
  --heading-weight: var(--fw-semibold);
  --body-font:      var(--font-sans);
  --body-weight:    var(--fw-regular);
  --label-font:     var(--font-sans);
}