/* PenXtool design tokens: the single source of truth for brand, state colours, radii, shadows, focus and type.
   Loaded first on every surface (website, tools, auth, admin, client pages). Colours are sampled from the live logo and site. */
:root {
  /* brand */
  --ink: #010052; --cyan: #4adede; --azure: #007fff; --volt: #021bf9;
  /* surfaces + text */
  --white: #ffffff; --soft: #f4f6fc; --soft-2: #eef1fb; --line: #e3e5f2; --muted: #4a4a7c; --faint: #9a9cc4;
  /* semantic states (admin lists, project status, invoices, tracking) */
  --st-pending: #92580a; --st-pending-bg: #fdf1d6;
  --st-progress: #1f4fd8; --st-progress-bg: #e3ebff;
  --st-done: #0b7a5a; --st-done-bg: #dcf5ea;
  --st-danger: #b3261e; --st-danger-bg: #fde4e1;
  --st-info: #036a8f; --st-info-bg: #def3fb;
  --st-neutral: #5b5d85; --st-neutral-bg: #eceef7;
  /* shape + depth */
  --r-sm: 10px; --r-md: 18px; --r-lg: 28px; --r-pill: 999px;
  --sh-1: 0 1px 2px rgba(1, 0, 82, .06), 0 4px 14px rgba(1, 0, 82, .06);
  --sh-2: 0 12px 34px rgba(1, 0, 82, .14);
  --focus: 0 0 0 3px rgba(2, 27, 249, .28);
  /* type + space */
  --f-display: "Owners XWide", "Owners XWide", system-ui, sans-serif;
  --f-body: "Owners XWide", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 20px; --fs-xl: 28px; --fs-2xl: 40px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
}

/* Brand typography: Owners XWide is the single family across all site interfaces. */
html,body,body button,body input,body select,body textarea,body option,body label,body small,body summary,body table,body th,body td,
body p,body a,body span,body strong,body b,body em,body i,body li,body dt,body dd,body h1,body h2,body h3,body h4,body h5,body h6,
body div:not([class*="icon-font"]):not([class^="fa-"]):not([class*=" fa-"]) {font-family:"Owners XWide",sans-serif!important;}


/* Single brand typeface: Owners XWide throughout PenXtool. */
html,body,body *:not(svg):not(path):not([class*="icon-font"]):not([class^="fa-"]):not([class*=" fa-"]){font-family:"Owners XWide",sans-serif!important;}

/* v29: Owners XWide font family throughout this interface. */
html,body,body *:not(svg):not(path):not([class*="icon-font"]):not([class^="fa-"]):not([class*=" fa-"]){font-family:"Owners XWide",sans-serif!important;}