/* InvoiceSafe component tokens — exact colors/shapes extracted from the existing V5.7D UI.
   Normative names and design rules: ../DESIGN.md
   Invoice paper is intentionally independent; never use these tokens for .paper or print exports. */
:root {
  /* Main application shell */
  --ifs-bg: #0d1622;
  --ifs-panel: #1a293b;
  --ifs-panel-deep: #142337;
  --ifs-input: #111f31;
  --ifs-sidebar: #111d2e;
  --ifs-workbench: #091321;
  --ifs-stroke: #344b62;
  --ifs-stroke-soft: #2c425a;
  --ifs-action: #306c94;
  --ifs-action-hover: #397fa9;
  --ifs-active: #2e628e;
  --ifs-teal: #3e8da9;
  --ifs-text: #edf4fc;
  --ifs-text-muted: #b1c5da;
  --ifs-focus: #8bd0ed;
  --ifs-danger: #ca4f60;
  --ifs-locked-bg: #692d3c;
  --ifs-locked-text: #ffe0e6;
  --ifs-heading-text: #f1f7ff;
  --ifs-ui-font: 'Poppins', 'Avenir Next', 'Century Gothic', 'Segoe UI', sans-serif;

  /* Shared app-only control sizing, independent of the invoice paper */
  --ifs-ui-label-size: 13px;
  --ifs-ui-body-size: 14px;
  --ifs-ui-caption-size: 12px;
  --ifs-ui-control-height: 42px;
  --ifs-ui-focus-ring: 0 0 0 3px rgba(139,208,237,.25);

  /* Shared editable forms: sender, clients, job sites, settings */
  --ifs-form-panel: #1c2b3e;
  --ifs-form-border: #384f6a;
  --ifs-field-label: #dbe9f9;
  --ifs-field-text: #f4f8ff;
  --ifs-field-bg: #132338;
  --ifs-field-border: #54708d;
  --ifs-field-focus: #95c8eb;
  --ifs-field-focus-ring: #2d6c9b40;
  --ifs-button-secondary: #233d59;
  --ifs-button-secondary-text: #e5f2ff;
  --ifs-button-secondary-stroke: #4f7294;
  --ifs-button-primary: #326f9a;
  --ifs-button-primary-stroke: #4c92bf;
  --ifs-button-primary-hover: #3f82b0;
  --ifs-radius-field: 8px;
  --ifs-radius-panel: 10px;
}
