/* InforceDesk — marketing tokens
   Brand source: .claude/rules/branding.md (navy / oxblood / cream / paper / coral; Inter + Georgia)
   Inter is loaded via <link rel="stylesheet"> in each page head. */

:root {
  /* Palette — locked to InforceDesk platform brand */
  --navy:        #0F2447;
  --navy-deep:   #08152E;
  --navy-soft:   #1B345D;
  --oxblood:     #C9472D;
  --oxblood-dk:  #A03922;
  --cream:       #FAF6EC;
  --cream-dk:    #F1EBDA;
  --paper:       #E6DCC1;
  --paper-dk:    #D6C9A8;
  --coral:       #FF7A52;
  --ink:         #0F2447;
  --ink-soft:    #4D5C7A;
  --ink-mute:    #8390AB;
  --rule:        rgba(15,36,71,.12);
  --rule-strong: rgba(15,36,71,.22);
  --ring-ox:     rgba(201,71,45,.18);

  /* Type */
  --serif: "Georgia", "Times New Roman", serif;
  --sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono:  ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Scale */
  --t-xs:  12px;
  --t-sm:  14px;
  --t-base:16px;
  --t-md:  18px;
  --t-lg:  22px;
  --t-xl:  28px;
  --t-2xl: 38px;
  --t-3xl: 52px;
  --t-4xl: 72px;
  --t-5xl: 104px;
  --t-6xl: 156px;

  /* Geometry */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(8,21,46,.08);
  --shadow-md: 0 6px 24px rgba(8,21,46,.10);
  --shadow-lg: 0 24px 60px rgba(8,21,46,.18);
  --shadow-stamp: 0 2px 0 rgba(160,57,34,.25), 0 6px 18px rgba(160,57,34,.15);
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--sans);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a, a:visited { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: 0; background: none; color: inherit; }
img, svg { display: block; max-width: 100%; }
input, textarea, select { font: inherit; color: inherit; }