:root {
  /* Palette */
  --c-900: #03045e;
  --c-800: #023e8a;
  --c-700: #0077b6;
  --c-600: #0096c7;
  --c-500: #00b4d8;
  --c-400: #48cae4;
  --c-300: #90e0ef;
  --c-200: #ade8f4;
  --c-100: #caf0f8;

  /* Semantic */
  --bg: var(--c-100);
  --surface: #ffffff;
  --text: var(--c-900);
  --muted: var(--c-800);
  --primary: var(--c-700);
  --primary-2: var(--c-600);
  --border: var(--c-200);
  --ring: var(--c-500);

  /* Common Design Tokens */
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --radius: 8px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(3, 4, 94, 0.05);
  --shadow: 0 4px 6px -1px rgba(3, 4, 94, 0.1), 0 2px 4px -1px rgba(3, 4, 94, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(3, 4, 94, 0.1), 0 4px 6px -2px rgba(3, 4, 94, 0.05);
}