/* ============================================
   Idealpod — design tokens
   Aligned with the official IdealPod Branding Guide
   ============================================ */

:root {
  /* PRIMARY (from brand guide) */
  --ip-teal: #0B5C60;
  --ip-teal-700: #0E6E73;
  --ip-teal-500: #14868C;
  --ip-cyan: #84E4F4;
  --ip-cyan-soft: #C4F0F8;
  --ip-cyan-mist: #E8F8FB;

  /* Gradient (brand guide: 25°, #00EFD0 → #00ACEA) */
  --ip-grad-from: #00EFD0;
  --ip-grad-to:   #00ACEA;
  --ip-gradient: linear-gradient(25deg, var(--ip-grad-from) 0%, var(--ip-grad-to) 100%);

  /* Neutrals */
  --ip-paper: #F7F7F7;
  --ip-paper-2: #ECECEC;
  --ip-bone: #E2E2E2;
  --ip-ink: #0B1F22;
  --ip-slate: #3D5258;
  --ip-slate-soft: #6E8389;
  --ip-line: #D5D5D5;
  --ip-line-soft: #EAEAEA;

  /* On-dark */
  --ip-on-dark: #FFFFFF;
  --ip-on-dark-soft: rgba(255, 255, 255, 0.74);
  --ip-on-dark-line: rgba(255, 255, 255, 0.16);

  /* Type — Work Sans per brand guide */
  --ip-sans: "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --ip-display: "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --ip-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  /* Spatial */
  --ip-radius: 4px;
  --ip-radius-lg: 16px;
  --ip-radius-pill: 999px;

  /* Easing */
  --ip-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Layout */
  --ip-max: 1440px;
  --ip-pad: 48px;
}

@media (max-width: 900px) {
  :root { --ip-pad: 24px; }
}