/* IT Deep Solutions — Brand tokens */
:root {
  /* Brand palette — refined from the red/orange submarine logo */
  --ids-red: #D93221;           /* Primary — submarine red, slightly deepened for print/web consistency */
  --ids-red-ink: #A81F11;       /* Darker red for text/hover */
  --ids-red-tint: #FCE8E5;      /* Soft background wash */
  --ids-orange: #F28A2E;        /* Warm accent (periscope light) */
  --ids-deep: #0B2A3A;          /* Ocean deep — near-black navy for body copy */
  --ids-deep-ink: #061A25;      /* Deepest — headers */
  --ids-wave: #E7EDF0;          /* Light neutral (foam) */
  --ids-paper: #FBF8F4;         /* Warm off-white */
  --ids-line: #D6DEE3;          /* Hairlines */
  --ids-ink-soft: #4A5C66;      /* Secondary text */

  /* Type */
  --font-display: "Fraunces", "Playfair Display", Georgia, serif; /* Warm, approachable */
  --font-sans: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "Menlo", monospace;

  /* Radii */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-pill: 999px;
}

/* Global reset-ish for brand-kit pages */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--font-sans); color: var(--ids-deep-ink); background: var(--ids-paper); -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4 { font-family: var(--font-display); font-weight: 600; letter-spacing: -0.01em; }