@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
/* ===========================================================================
   Theme: Atlassian   (source: shadcn.io/design/atlassian)
   Vendor tokens keep their --ds- names so they can be checked against source.
   Only the semantic layer below is consumed by system.css.
   ========================================================================= */
:root{
  /* --- vendor, verbatim -------------------------------------------------- */
  --ds-link:#1868db;                      --ds-link-pressed:#1558bc;
  --ds-background-brand-bold:#1868db;     --ds-background-brand-boldest:#1c2b42;
  --ds-background-canvas:#ffffff;         --ds-background-surface-pressed:#dddee1;
  --ds-background-surface-selected:#e9f2fe; --ds-text:#101214;
  --ds-text-subtle:#505258;               --ds-text-subtlest:#63666b;
  --ds-text-neutral-bold:#292a2e;         --ds-text-on-dark:#ffffff;
  --ds-text-success:#4c6b1f;              --ds-border-hairline:#dddee1;
  --ds-border-hairline-strong:#b7b9be;    --ds-chart-green:#22a06b;
  --ds-chart-blue:#357de8;                --ds-chart-teal:#2898bd;
  --ds-chart-purple:#af59e1;              --ds-chart-red:#ae2e24;
  --ds-chart-orange:#c75300;
  --ds-background-neutral-subtlest:#f7f8f9;

  /* --- contract ---------------------------------------------------------- */
  --bg:var(--ds-background-canvas);  --bg-sunken:var(--ds-background-neutral-subtlest);
  --bg-card:var(--ds-background-canvas); --bg-inv:var(--ds-background-brand-boldest);
  --ink:var(--ds-text);  --body:var(--ds-text-subtle);  --muted:var(--ds-text-subtlest);
  --ink-inv:var(--ds-text-on-dark); --body-inv:#b6c2d4; --muted-inv:#93a3ba;
  --line:var(--ds-border-hairline); --line-2:var(--ds-border-hairline-strong);
  --line-inv:rgba(255,255,255,.14);

  --brand:var(--ds-background-brand-bold); --brand-press:var(--ds-link-pressed);
  --brand-wash:var(--ds-background-surface-selected); --on-brand:#ffffff;
  --brand-inv:#8fb8f5;

  --money:var(--ds-chart-green);   --money-text:var(--ds-text-success);
  --warn:#a54800;  --warn-wash:#fff3eb;
  --bad:var(--ds-chart-red); --bad-wash:#ffedeb;
  --ok-wash:#dcfff1; --ok-text:#216e4e;

  --r-control:3px; --r-base:10px; --r-card:20px; --r-pill:10000px;
  --e-card:0 1px 2px rgba(9,30,66,.08), 0 0 1px rgba(9,30,66,.13);
  --e-raised:0 1px 1px rgba(9,30,66,.13), 0 0 1px rgba(9,30,66,.12);

  /* Charlie Display/Text are Atlassian proprietary; Inter is their own stated
     fallback, 500 display / 400 body. */
  --font-display:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --font-sans:var(--font-display);
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --w-display:600; --w-heading:600; --w-body:400; --w-strong:600;
  --track-display:-.022em;

  --t-micro:11px; --t-small:14px; --t-body:16px; --t-lead:20px;
  --t-h3:16px; --t-h2:24px; --t-h1:35px; --t-hero:52px; --t-display:72px;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --measure:68ch; --wrap:1120px; --wrap-narrow:680px;

  /* shadcn/ui aliases */
  --background:var(--bg); --foreground:var(--ink);
  --card:var(--bg-card); --card-foreground:var(--ink);
  --primary:var(--brand); --primary-foreground:var(--on-brand);
  --secondary:var(--bg-sunken); --secondary-foreground:var(--ink);
  --muted-foreground:var(--muted);
  --accent:var(--brand-wash); --accent-foreground:var(--brand-press);
  --destructive:var(--bad); --destructive-foreground:#ffffff;
  --border:var(--line); --input:var(--line-2); --ring:var(--brand);
  --radius:var(--r-base);
  --chart-1:var(--ds-chart-blue); --chart-2:var(--ds-chart-green);
  --chart-3:var(--ds-chart-teal); --chart-4:var(--ds-chart-purple);
  --chart-5:var(--ds-chart-orange);
}