/*
  Design tokens: curated redesign (docs/design-direction.md).
  Light mode defines the canonical palette; dark mappings are intentionally
  minimal until a dedicated dark pass.
*/

:root {
  /* Primary palette */
  --blue: #4361ee;
  --blue-deep: #2940c7;
  --blue-soft: #e8edff;
  --pink: #f72585;
  --pink-deep: #c71867;
  --pink-soft: #ffe6f1;

  /* Neutral surfaces */
  --canvas: #fbf9f6;
  --card: #ffffff;
  --line: #ece9e2;
  --ink: #1a1d2c;
  --muted: #767a92;

  --radius: 16px;
  --radius-sm: 8px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  --shadow: 0 6px 22px rgba(26, 29, 44, 0.06);
  --shadow-hover: 0 12px 36px rgba(26, 29, 44, 0.1);

  /* Back-compat: legacy token consumers across base/layout/components */
  --accent: var(--blue);
  --accent-light: #5a75f0;
  --ink-inverse: #f0f1f7;

  /* Font stacks via Adobe Typekit (see layouts/application.html.erb) */
  --font-header: bricolage-grotesque, sans-serif;
  --font-header-light: bricolage-grotesque, sans-serif;
  --font-body: acumin-variable, sans-serif;

  /* Convenience aliases aligned with mockups (--grot / --body) */
  --grot: var(--font-header);
  --body-font-stack: var(--font-body);

  /* Grey scale (mix of legacy + redesigned neutrals) */
  --grey-1: #242a3d;
  --grey-2: #3a3e54;
  --grey-3: #6c7094;
  --grey-4: #afb2c9;
  --grey-5: #d6d8e6;
  --grey-6: #f0f1f7;

  /* Badge colors (light mode) */
  --badge-green-bg: #dff7e8;
  --badge-green-fg: #166534;
  --badge-yellow-bg: #fff5cc;
  --badge-yellow-fg: #7a5c00;
  --badge-violet-bg: #ece7ff;
  --badge-violet-fg: #4a2a99;
}

html.dark {
  /* Minimal dark theme: readable first, not mockup-matched */
  --blue: #6b84f5;
  --blue-deep: #4a63d4;
  --blue-soft: rgba(67, 97, 238, 0.18);
  --pink: #ff4d9a;
  --pink-deep: #e03d7a;
  --pink-soft: rgba(247, 37, 133, 0.14);

  --canvas: #0a0c12;
  --ink: #f0f1f7;
  --card: #171923;
  --line: #2c3042;
  --muted: #afb2c9;
  --shadow: none;
  --shadow-hover: 0 12px 36px rgba(0, 0, 0, 0.35);

  --accent: var(--blue);
  --accent-light: #8a9ef8;
  --card-inverse: #171923;
  --ink-inverse: #f0f1f7;
  --faded-inverse: #afb2c9;
  --line-inverse: #2c3042;

  --grey-1-inverse: #f0f1f7;
  --grey-2-inverse: #d6d8e6;
  --grey-3-inverse: #afb2c9;
  --grey-4-inverse: #6c7094;
  --grey-5-inverse: #2c3042;
  --grey-6-inverse: #171923;

  --badge-green-bg: rgba(34, 197, 94, 0.3);
  --badge-green-fg: #86efac;
  --badge-yellow-bg: rgba(234, 179, 8, 0.2);
  --badge-yellow-fg: #fde047;
  --badge-violet-bg: rgba(139, 92, 246, 0.3);
  --badge-violet-fg: #c4b5fd;
}