/* Restlord design tokens. Original work, written from scratch for Restlord.
   One visual language for every product surface: restlord.com, sign-up and
   sign-in, the console, the tenant portal and the pay pages. Navy carries the
   product (rail, primary buttons, ink); amber is the accent (create, badges,
   the active rail item, focus, progress); cream is the page. Penn S&E's own
   marketing pages keep styles.css and never load this file. */
:root{
  color-scheme: light;
  /* palette */
  --rl-navy-950:#0a1120; --rl-navy-900:#0f1829; --rl-navy-800:#14213a; --rl-navy-700:#1d2c4b; --rl-navy-600:#24365a;
  --rl-navy-500:#2a3a58; --rl-navy-300:#9aa6bd; --rl-navy-100:#e8ecf3; --rl-navy-50:#f2f4f8;
  --rl-amber-700:#b06a12; --rl-amber-500:#e09a3a; --rl-amber-400:#f2b45a; --rl-amber-300:#f6c97f;
  --rl-amber-ink:#7a4a0c; --rl-amber-on:#1b1206;
  --rl-cream-50:#fbf8f3; --rl-sand:#f7efe3;
  --rl-n-0:#ffffff; --rl-n-25:#fdfbf7; --rl-n-50:#fbf8f3; --rl-n-100:#f3ede3; --rl-n-200:#e4ddd2;
  --rl-n-300:#d3cabb; --rl-n-400:#aeb4c0; --rl-n-500:#8a93a3; --rl-n-600:#5d6a80; --rl-n-700:#2a3a58;
  --rl-n-800:#1d2c4b; --rl-n-900:#14213a;
  /* semantic */
  --rl-bg:var(--rl-n-50); --rl-surface:var(--rl-n-0); --rl-surface-2:var(--rl-n-25); --rl-sunken:var(--rl-n-100);
  --rl-border:var(--rl-n-200); --rl-border-strong:var(--rl-n-300);
  --rl-field-border:#9a917f;   /* text fields: 3.1:1 against white (WCAG 1.4.11) */
  --rl-ink:var(--rl-n-900); --rl-ink-2:var(--rl-n-700); --rl-ink-3:var(--rl-n-600);
  --rl-brand:var(--rl-navy-800); --rl-brand-hover:var(--rl-navy-600); --rl-brand-ink:#ffffff;
  --rl-brand-text:var(--rl-navy-800); --rl-brand-soft:var(--rl-navy-100); --rl-brand-soft-ink:var(--rl-navy-800);
  --rl-accent:var(--rl-amber-500); --rl-accent-hover:var(--rl-amber-400); --rl-accent-ink:var(--rl-amber-on);
  --rl-accent-soft:var(--rl-sand); --rl-accent-soft-ink:var(--rl-amber-ink);
  --rl-rail-bg:var(--rl-navy-800); --rl-rail-ink:#f7efe3; --rl-rail-ink-2:#b9c1cf;
  --rl-rail-active:rgba(247,239,227,.10); --rl-rail-accent:var(--rl-amber-400); --rl-rail-focus:var(--rl-amber-400);
  --rl-badge-bg:var(--rl-amber-400); --rl-badge-ink:var(--rl-navy-800);
  --rl-ok:#2e6b30;   --rl-ok-bg:#e3f0e2;
  --rl-warn:#7f5200; --rl-warn-bg:#fbefd5;
  --rl-bad:#9e2f1c;  --rl-bad-bg:#f8e3dd;
  --rl-info:#2b5878; --rl-info-bg:#e2ecf4;
  --rl-neutral:#505b6e; --rl-neutral-bg:#efebe4;
  --rl-focus:var(--rl-amber-700);   /* 4.0:1 on the cream page, 4.3:1 on white */
  --rl-link:#1f4b8f;
  --rl-hover:rgba(20,33,58,.045); --rl-selected:var(--rl-sand); --rl-disabled-ink:var(--rl-n-500);
  --rl-scrim:rgba(10,17,32,.45);
  --rl-bar:var(--rl-amber-700); --rl-bar-track:var(--rl-n-100);
  --rl-skel-base:var(--rl-n-100); --rl-skel-shine:var(--rl-n-50);
  --rl-paper:#fbf8f3; --rl-paper-ink:#14213a;   /* legacy sections always render on paper */
  /* type: Inter for the interface, Fraunces for display headings (as on restlord.com) */
  --rl-font-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --rl-font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --rl-fs-xs:12px; --rl-fs-sm:13px; --rl-fs-md:15px; --rl-fs-lg:17px; --rl-fs-xl:20px; --rl-fs-2xl:24px; --rl-fs-3xl:30px;
  --rl-lh:1.45; --rl-lh-tight:1.25;
  /* space, radius, elevation, motion */
  --rl-s-1:4px; --rl-s-2:8px; --rl-s-3:12px; --rl-s-4:16px; --rl-s-5:20px; --rl-s-6:24px; --rl-s-8:32px; --rl-s-10:40px; --rl-s-12:48px;
  --rl-r-sm:8px; --rl-r-md:12px; --rl-r-lg:16px; --rl-r-pill:999px; --rl-r-btn:999px;
  --rl-e1:0 1px 2px rgba(20,33,58,.05),0 1px 1px rgba(20,33,58,.03);
  --rl-e2:0 12px 32px -12px rgba(20,33,58,.28);
  --rl-e3:0 22px 56px -16px rgba(20,33,58,.36);
  --rl-ease:cubic-bezier(.2,.7,.2,1); --rl-dur:160ms;
  /* stacking: all below 1000, so legacy dialogs (inspect.js 1000, ticket-rep.js 9999, styles.css 1000) stay on top */
  --rl-z-rail:100; --rl-z-topbar:110; --rl-z-bottombar:120; --rl-z-layer:600; --rl-z-toast:700;
  /* layout */
  --rl-rail-w:232px; --rl-rail-w-compact:76px; --rl-topbar-h:56px; --rl-bottombar-h:60px;
  --rl-gutter:16px; --rl-content-max:1240px; --rl-drawer-w:460px;
}
@media (min-width:768px){ :root{ --rl-gutter:24px; } }
@media (min-width:1100px){ :root{ --rl-gutter:32px; } }
/* Dark theme: new console only (restlord.com's dark palette). Never applies in
   Classic or the tenant portal. */
@media (prefers-color-scheme:dark){ html.rl-shell:not([data-theme="light"]){
  color-scheme: dark;
  --rl-bg:#0f1829; --rl-surface:#15213a; --rl-surface-2:#1a2945; --rl-sunken:#0b1322;
  --rl-border:#2b3954; --rl-border-strong:#3a4a6a; --rl-field-border:#64759b;
  --rl-ink:#f3ede4; --rl-ink-2:#d7cfc2; --rl-ink-3:#a9b2c2;
  --rl-brand:#f2b45a; --rl-brand-hover:#f6c477; --rl-brand-ink:#1b1206; --rl-brand-text:#f2b45a;
  --rl-brand-soft:#263656; --rl-brand-soft-ink:#f3ede4;
  --rl-accent:#f2b45a; --rl-accent-hover:#f6c477; --rl-accent-ink:#1b1206;
  --rl-accent-soft:#33291a; --rl-accent-soft-ink:#f2b45a;
  --rl-rail-bg:#0a1120; --rl-rail-ink:#f3ede4; --rl-rail-ink-2:#a9b2c2; --rl-rail-active:rgba(243,237,228,.08);
  --rl-badge-bg:#f2b45a; --rl-badge-ink:#14213a;
  --rl-ok:#6fcf97; --rl-ok-bg:#163222; --rl-warn:#f2c46a; --rl-warn-bg:#3a2c10;
  --rl-bad:#ff8a80; --rl-bad-bg:#3d1a1a; --rl-info:#93bde0; --rl-info-bg:#172a40;
  --rl-neutral:#c9cfd9; --rl-neutral-bg:#243250; --rl-focus:#f2b45a;
  --rl-link:#f2b45a; --rl-hover:rgba(255,255,255,.05); --rl-selected:#1f3050; --rl-disabled-ink:#6b7588;
  --rl-scrim:rgba(0,0,0,.6); --rl-bar:#f2b45a; --rl-bar-track:#243250;
  --rl-skel-base:#1a2945; --rl-skel-shine:#22345a;
  --rl-e1:0 1px 2px rgba(0,0,0,.5); --rl-e2:0 12px 32px -10px rgba(0,0,0,.6); --rl-e3:0 22px 56px -14px rgba(0,0,0,.65);
}}
html.rl-shell[data-theme="dark"]{
  color-scheme: dark;
  --rl-bg:#0f1829; --rl-surface:#15213a; --rl-surface-2:#1a2945; --rl-sunken:#0b1322;
  --rl-border:#2b3954; --rl-border-strong:#3a4a6a; --rl-field-border:#64759b;
  --rl-ink:#f3ede4; --rl-ink-2:#d7cfc2; --rl-ink-3:#a9b2c2;
  --rl-brand:#f2b45a; --rl-brand-hover:#f6c477; --rl-brand-ink:#1b1206; --rl-brand-text:#f2b45a;
  --rl-brand-soft:#263656; --rl-brand-soft-ink:#f3ede4;
  --rl-accent:#f2b45a; --rl-accent-hover:#f6c477; --rl-accent-ink:#1b1206;
  --rl-accent-soft:#33291a; --rl-accent-soft-ink:#f2b45a;
  --rl-rail-bg:#0a1120; --rl-rail-ink:#f3ede4; --rl-rail-ink-2:#a9b2c2; --rl-rail-active:rgba(243,237,228,.08);
  --rl-badge-bg:#f2b45a; --rl-badge-ink:#14213a;
  --rl-ok:#6fcf97; --rl-ok-bg:#163222; --rl-warn:#f2c46a; --rl-warn-bg:#3a2c10;
  --rl-bad:#ff8a80; --rl-bad-bg:#3d1a1a; --rl-info:#93bde0; --rl-info-bg:#172a40;
  --rl-neutral:#c9cfd9; --rl-neutral-bg:#243250; --rl-focus:#f2b45a;
  --rl-link:#f2b45a; --rl-hover:rgba(255,255,255,.05); --rl-selected:#1f3050; --rl-disabled-ink:#6b7588;
  --rl-scrim:rgba(0,0,0,.6); --rl-bar:#f2b45a; --rl-bar-track:#243250;
  --rl-skel-base:#1a2945; --rl-skel-shine:#22345a;
  --rl-e1:0 1px 2px rgba(0,0,0,.5); --rl-e2:0 12px 32px -10px rgba(0,0,0,.6); --rl-e3:0 22px 56px -14px rgba(0,0,0,.65);
}
@media (prefers-reduced-motion:reduce){ :root{ --rl-dur:0ms; } }