/* EAG design tokens. Import once at the software root. See DESIGN.md for usage. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Brand */
  --eag-espresso: #2E2920;        /* sidebar, header, inverted surfaces, "Sold" chip */
  --eag-espresso-2: #3A342B;      /* raised surface on espresso */
  --eag-teal: #1F5E57;            /* primary actions, key metric tile, links */
  --eag-teal-hover: #163F3A;
  --eag-forest: #1E4D3A;          /* logo green: software icon, login, splash only */
  --eag-sand: #C9A96E;            /* accent: active nav, rules, "at port"; never body text on light */

  /* Surfaces */
  --eag-bg: #F5ECE1;              /* page */
  --eag-surface: #FFFBF6;         /* cards, inputs' container */
  --eag-surface-2: #F8F1E7;       /* table headers, read-only inputs, footers */
  --eag-surface-3: #FBF5EC;       /* subtotal rows */
  --eag-input: #FFFFFF;

  /* Lines */
  --eag-border: #E6D9C8;
  --eag-border-strong: #D9C9B2;   /* inputs, secondary buttons */
  --eag-divider: #EFE5D7;         /* table row lines */
  --eag-rule-gold: rgba(201, 169, 110, 0.55); /* under page titles */

  /* Text */
  --eag-text: #2E2920;
  --eag-text-2: #4A4036;
  --eag-muted: #6B6055;           /* passes 4.5:1 on bg and surface */
  --eag-on-dark: #F3E6C8;
  --eag-on-dark-2: #D9CFC2;
  --eag-on-dark-3: #B8AE9F;
  --eag-on-teal-2: #D6E4E0;
  --eag-on-teal-accent: #E8D3A8;
  --eag-on-primary: #FBF4EA;

  /* Meaning */
  --eag-success: #2F6E5E;         /* profit, cleared */
  --eag-danger: #A8392E;          /* overdue, loss, delete */
  --eag-danger-bg: #F6DEDA;
  --eag-danger-border: #E8C8C2;
  --eag-warn: #6B4E14;            /* deadline soon */
  --eag-warn-bg: #F1E4CB;
  --eag-warn-border: #E2CC9F;
  --eag-info: #1F5E57;
  --eag-info-bg: #DCEAE7;

  /* Status chips: background / text */
  --eag-st-booked-bg: #EDE6DC;    --eag-st-booked: #4A4036;
  --eag-st-transit-bg: #DCEAE7;   --eag-st-transit: #1F5E57;
  --eag-st-port-bg: #F1E4CB;      --eag-st-port: #5C4A26;
  --eag-st-cleared-bg: #DDEBE3;   --eag-st-cleared: #245848;
  --eag-st-sold-bg: #2E2920;      --eag-st-sold: #F3E6C8;

  /* Sticky note */
  --eag-note: #F7E9C3;
  --eag-note-band: #EFD99C;
  --eag-note-border: #E5CF94;
  --eag-note-text: #3A2E12;
  --eag-note-muted: #5C4A26;

  /* File type badges */
  --eag-file-pdf: #A8392E;
  --eag-file-xlsx: #2F6E5E;
  --eag-file-img: #8A6A2E;
  --eag-folder: #C9A96E;
  --eag-folder-back: #D9BC82;

  /* Type */
  --eag-font-display: 'Fraunces', Georgia, serif;
  --eag-font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --eag-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --eag-fs-page: 32px;   /* page titles (h1); 26–28 on mobile */
  --eag-fs-kpi: 34px;    /* big numbers; 28 on mobile */
  --eag-fs-card: 20px;   /* card titles (h2/h3), 18–22 */
  --eag-fs-body: 14px;
  --eag-fs-input: 15px;  /* 16 on mobile to stop iOS zoom */
  --eag-fs-small: 13px;
  --eag-fs-label: 12px;

  /* Shape and space */
  --eag-r-control: 8px;  /* inputs, buttons, nav items */
  --eag-r-card: 12px;
  --eag-r-chip: 999px;
  --eag-h-control: 42px; /* 48 on mobile */
  --eag-sidebar-w: 232px;
  --eag-gap: 18px;
  --eag-pad-card: 18px;
  --eag-pad-page-x: 32px;
}