/* Mudanah Research — Design tokens
   Ported from the Claude Design system bundle (project/_ds/.../tokens/*.css). */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Roboto+Mono:wght@400;500&display=swap');

:root {
  /* ---- Brand: Blue (primary) ---- */
  --blue-50:  #e6f6fe;
  --blue-100: #c0e9fd;
  --blue-200: #8ad8fb;
  --blue-300: #4cc2f8;
  --blue-400: #1fb1f5;
  --blue-500: #09a6f3;
  --blue-600: #0688ce;
  --blue-700: #066aa6;
  --blue-800: #084f78;
  --blue-900: #0a3f5e;

  /* ---- Brand: Teal (accent) ---- */
  --teal-50:  #e3fffb;
  --teal-100: #b8fff4;
  --teal-200: #7dffea;
  --teal-300: #3dffe1;
  --teal-400: #0effdc;
  --teal-500: #07e6c5;
  --teal-600: #04b89e;
  --teal-700: #058b78;
  --teal-800: #096b5e;
  --teal-900: #0b5249;

  /* ---- Ink / Neutrals ---- */
  --ink-900: #0a0c0f;
  --ink-800: #15191f;
  --ink-700: #242a33;
  --ink-600: #3a424d;
  --ink-500: #5b6470;
  --ink-400: #828c99;
  --ink-300: #aab2bd;
  --ink-200: #d2d8df;
  --ink-150: #e3e7ec;
  --ink-100: #eef1f4;
  --ink-50:  #f6f8fa;
  --white:   #ffffff;

  /* ---- Status ---- */
  --success: #16a34a;
  --warning: #e8920a;
  --danger:  #e02424;

  /* ---- Semantic aliases ---- */
  --brand-primary: var(--blue-500);
  --brand-primary-hover: var(--blue-600);
  --brand-accent: var(--teal-400);
  --brand-accent-strong: var(--teal-600);

  /* ---- Typography ---- */
  --font-display: 'Montserrat', system-ui, sans-serif;
  --font-ui: 'Montserrat', system-ui, sans-serif;
  --font-body: 'Roboto', system-ui, sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, 'SF Mono', monospace;

  /* ---- Layout ---- */
  --container-lg: 1200px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 6px rgba(10, 12, 15, 0.08);
  --shadow-md: 0 6px 18px rgba(10, 12, 15, 0.10);
  --shadow-lg: 0 16px 40px rgba(10, 12, 15, 0.12);

  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}