/*
  Sharp Hook brand tokens. The one place colors, fonts and shapes are defined.
  Live at https://sharphook.ca/brand/brand.css
  Source: Notion Brand Kit v1.0. Keep the variable names; change values only.
  Font loads from Google Fonts in each page <head>: Nunito 300 to 900.
*/
:root {
  /* Backgrounds, darkest to lightest */
  --ink: #080C14;        /* Midnight Blue: page background */
  --ink-2: #1A1A1A;      /* Charcoal: cards, raised surfaces */
  --ink-3: #2E3340;      /* Slate: hover surfaces */
  --line: #2E3340;       /* Slate: borders, dividers */

  /* Text */
  --text: #FFFFFF;
  --text-soft: #C3C9D4;
  --muted: #9AA3B2;
  --dim: #4A5568;        /* Steel */

  /* Accent */
  --hook: #0A84FF;       /* Electric Blue */
  --hook-dark: #0047FF;  /* Deep Blue */
  --hook-light: #1FB6FF; /* Light Blue */
  --glow: #5AB3FF;       /* Glow Blue */
  --on-hook: #FFFFFF;
  --sweep: linear-gradient(90deg, #0047FF 0%, #1FB6FF 100%);

  /* Status (never in marketing or logos) */
  --info: #00D4FF;
  --success: #00C9A7;
  --error: #E8365D;

  /* Type */
  --font-heading: Nunito, system-ui, sans-serif;
  --font-body: Nunito, system-ui, -apple-system, sans-serif;

  /* Shape and layout: sharp edges, 4px max */
  --radius: 4px;
  --max: 1120px;
}