/*
 * CFO Hub design tokens - the single source every stylesheet reads
 * (PracticeCFO Brand Standard June 2026, lifted verbatim from the
 * design handoff's token tables so the names match the design files
 * and never drift in translation). Two naming families coexist by
 * design: the app's original --color-* names and the handoff's --p-*
 * shell names, aliased here rather than renamed in either direction.
 * The rule of the palette: orange is a QUIET accent - CTAs, links,
 * key highlights, never large fills; roughly 90% of any screen is
 * paper, white, and ink
 */
:root {
  color-scheme: light;

  /* ------------------------------------------------------- accent */
  --color-accent: #E1602C;         /* orange - the single accent */
  --color-accent-hover: #C24E22;   /* button hover */
  --color-accent-press: #A84319;   /* button active */
  --color-accent-tint: #F8E7DC;    /* active nav fill, rare washes */
  --p-accent: var(--color-accent); /* the handoff CSS's alias for it */
  --p-tint: #F8E7DC;

  /* ---------------------------------------------------------- ink */
  --color-ink: #38342F;            /* headings - warm ink */
  --p-ink: #38342F;
  --color-near-black: #2B2723;     /* max-contrast text, links */
  --color-text: #5C564E;           /* body copy */
  --p-text: #5C564E;
  --color-text-muted: #8A8377;     /* meta, captions, counts */
  --p-muted: #8A8377;
  --color-section-header: #A29A8D; /* uppercase section headers */

  /* ----------------------------------------------------- surfaces */
  --color-bg: #F4F2ED;             /* warm paper canvas */
  --p-bg: #F4F2ED;
  --color-card: #FFFFFF;           /* white cards float on paper */
  --p-card: #FFFFFF;
  --color-surface-alt: #FAF8F4;    /* stone panel fill */
  --color-border: #E6E2DA;         /* warm hairline */
  --p-border: #E6E2DA;
  --p-border-strong: #D9D2C5;      /* field borders */
  --color-sidebar-hover: #F0EBE1;  /* sidebar nav hover fill */

  /* ------------------------------------------------------- status */
  --color-error: #B94A48;          /* validation */
  --color-error-mark: #DF2020;     /* field error marks */

  /* ------------------------------------------------ radius, shadow */
  --radius-sm: 4px;                /* pills, tags */
  --radius: 5px;                   /* buttons, small controls */
  --p-radius-sm: 11px;             /* fields, small cards */
  --p-radius: 16px;                /* cards, panels */
  --radius-row: 9px;               /* rows and nav items */
  --p-shadow: 0 1px 2px rgba(20, 28, 38, .04),
    0 6px 20px rgba(20, 28, 38, .05);
  --p-shadow-lift: 0 2px 4px rgba(20, 28, 38, .05),
    0 14px 36px rgba(20, 28, 38, .09);

  /* ------------------------------------------------------- layout */
  --p-sidebar: 260px;              /* left sidebar width */
  --p-rail: 330px;                 /* right rail width */
  --p-launcher: 56px;              /* module launcher, collapsed */
  --p-launcher-open: 190px;        /* module launcher, expanded */

  /* --------------------------------------------------- typography */
  --font-body: "Lato", system-ui, -apple-system, sans-serif;
  --font-heading: "Lato", system-ui, -apple-system, sans-serif;
}