/* Finica — the default brand profile of the standalone Service Desk (FI-855, LLD-PC-12a §4).
 *
 * The Finica Brand Guidelines v2.0 "Blue + Navy" tokens (cut-P system, Confluence FPA 101613570 §4),
 * the same values every Finica product inherits. A tenant re-themes a running deployment by mounting
 * its own profile over BRAND_DIR (ADR-06): no rebuild.
 *
 * Ratio discipline (v2.0 §4): navy and white carry the page; Flow Blue is a fill under 10% of any
 * surface and carries navy text; small text and links use Deep Blue. Green only confirms an outcome.
 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  /* Brand */
  --fs-brand-accent-500: #2eb5fc;   /* Flow Blue — fills only, carries navy text (7.6:1); 2.3:1 on white */
  --fs-brand-accent-600: #0a6fb0;   /* Deep Blue — text & small UI; 5.4:1 on white */
  --fs-brand-accent-400: #5cc4fd;   /* hover on accent fills */
  --fs-brand-accent-soft: #e7f6fe;
  --fs-surface-inverse: #0b1b2b;    /* Navy */
  --fs-surface-inverse-hover: #17293c;

  --fs-brand-primary-h: 201;
  --fs-brand-primary-s: 97%;
  --fs-brand-primary-l: 58%;
  --fs-brand-primary-invert-l: 11%; /* Navy on Flow Blue = 7.6:1 */

  /* Link channels — Deep Blue #0a6fb0; links never render Flow Blue on white */
  --fs-brand-link-h: 204;
  --fs-brand-link-s: 89%;
  --fs-brand-link-l: 36%;

  /* Neutrals */
  --fs-bg-page: #f5f8fb;
  --fs-bg-surface: #ffffff;
  --fs-bg-subtle: #f3f6f9;          /* Soft */
  --fs-bg-row-hover: #e7f6fe;
  --fs-border-default: #dce3ea;     /* Line */
  --fs-border-strong: #c2d2e0;
  --fs-text-primary: #0b1b2b;       /* Navy */
  --fs-text-muted: #4b5e72;         /* Muted — 6.7:1 on white */
  --fs-text-on-inverse: #ffffff;
  --fs-text-on-inverse-muted: #c2d2e0;

  /* Semantic — confirmation only, never decoration. Signal Deep on light;
     Signal Green #12f19a itself lives on navy only (11.7:1). */
  --fs-success: #0b7a52;
  --fs-success-bg: #d7fcee;
  --fs-success-text: #0b7a52;
  --fs-info: #2eb5fc;
  --fs-info-bg: #e7f6fe;
  --fs-info-text: #0a6fb0;
  --fs-warning: #f59e0b;
  --fs-warning-bg: #fef3c7;
  --fs-warning-text: #92400e;
  --fs-danger: #d2453b;
  --fs-danger-bg: #fee2e2;
  --fs-danger-text: #991b1b;

  /* Geometry — guidelines slide 11/15: 20px cards, full-pill buttons */
  --fs-radius-sm: 6px;
  --fs-radius-md: 10px;
  --fs-radius-lg: 20px;
  --fs-radius-xl: 24px;
  --fs-radius-pill: 999px;

  --fs-shadow-card: 0 1px 2px rgba(11, 27, 43, 0.06), 0 1px 3px rgba(11, 27, 43, 0.05);
  --fs-shadow-popover: 0 8px 24px -8px rgba(11, 27, 43, 0.22);
  --fs-shadow-modal: 0 24px 60px -24px rgba(11, 27, 43, 0.28);

  --fs-motion-fast: 150ms;
  --fs-motion-base: 200ms;
  --fs-motion-slow: 300ms;

  /* Type — one typeface does everything (guidelines slide 08/15) */
  --fs-font-sans: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;
  --fs-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}

/* Headings are differentiated by weight and tracking, not by a second face. */
.finsef-page-title,
.title,
h1, h2, h3 {
  letter-spacing: -0.02em;
}