/* Gravicus Osprey Privacy — data risk assessment prototype (snyx showcase; reconstructed from 2018 client work, synthetic data).
   Self-contained tokens, read off the desktop screens. */
:root {
  /* brand */
  --cyan: #14c4d4;             /* rail active, primary buttons, text actions */
  --cyan-2: #0fb0bf;           /* hover */
  --cyan-soft: rgba(20, 196, 212, .12);
  --navy-900: #0c1f33;         /* app rail */
  --navy-800: #182230;         /* sidebar */
  --navy-700: #22303f;         /* sidebar rules */
  --ink: #1f2329;
  --ink-2: #3d434b;
  --muted: #7a818b;
  --muted-2: #a3a9b1;

  /* priority */
  --high: #f0352f;
  --caution: #f7c600;
  --low: #7dc242;

  /* surfaces */
  --paper: #f2f2f2;            /* page ground */
  --paper-2: #f8f8f8;          /* zebra rows, footers */
  --panel: #ffffff;
  --line: #e4e6ea;
  --line-2: #eef0f2;
  --field: #f7f7f7;
  --skeleton: #e6e6e6;         /* the prediction bars */

  /* third-party wordmarks */
  --dropbox: #0061ff;
  --sharepoint: #036c70;
  --onedrive: #0364b8;
  --gdrive: #1fa463;
  --aws: #ff9900;
  --brand-grey: #b9bec5;

  /* type */
  --font: Roboto, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-head: Ubuntu, Roboto, system-ui, sans-serif;
  --mono: "Roboto Mono", ui-monospace, Menlo, Consolas, monospace;
  --fs-xs: 11px; --fs-sm: 12px; --fs-md: 14px; --fs-lg: 16px; --fs-xl: 18px; --fs-2xl: 22px; --fs-3xl: 26px;
  --track: .06em;

  /* spacing + shape */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 48px;
  --radius: 3px; --radius-lg: 6px; --pill: 999px;
  --shadow-1: 0 1px 3px rgba(20, 30, 45, .10);
  --shadow-2: 0 10px 30px rgba(20, 30, 45, .22);
  --focus: 0 0 0 3px rgba(20, 196, 212, .30);

  /* layout */
  --rail-w: 94px; --side-w: 214px; --top-h: 90px; --gutter: 20px; --content-max: 956px;
}