/* More Digital Lab — color tokens
   Dark-first system. Brand violet #6B4E8E. */
:root {
  /* ---- Brand violet ramp ---- */
  --violet-100: #E9E1F4;
  --violet-200: #D2C3E7;
  --violet-300: #B49CD4;
  --violet-400: #9678BD;
  --violet-500: #7E5FA5;
  --violet-600: #6B4E8E; /* brand core */
  --violet-700: #573F74;
  --violet-800: #43305A;
  --violet-900: #2F2240;

  /* ---- Ink / surfaces (violet-tinted near-blacks) ---- */
  --ink-950: #0D0A12;
  --ink-900: #120E1A;
  --ink-850: #171221;
  --ink-800: #1D1729;
  --ink-700: #251D34;
  --ink-600: #2F2542;

  /* ---- Foreground on dark ---- */
  --fg-1: #F2EFF7;
  --fg-2: #B9B0CC;
  --fg-3: #847A9C;
  --fg-disabled: #564E68;

  /* ---- Mint accent (sparingly: live states, success, data highlights) ---- */
  --mint-300: #8FE6CE;
  --mint-400: #5BD0B8;
  --mint-500: #36B49B;

  /* ---- Semantic ---- */
  --success: #5BD0B8;
  --warning: #E8B04B;
  --danger:  #E5586B;
  --info:    #8FA8F0;

  /* ---- Semantic aliases ---- */
  --bg-app: var(--ink-900);
  --bg-page: var(--ink-950);
  --surface-card: var(--ink-800);
  --surface-raised: var(--ink-700);
  --surface-overlay: rgba(13, 10, 18, 0.72);
  --surface-input: var(--ink-850);

  --text-body: var(--fg-1);
  --text-secondary: var(--fg-2);
  --text-muted: var(--fg-3);
  --text-on-accent: #FFFFFF;
  --text-link: var(--violet-300);

  --accent: var(--violet-600);
  --accent-hover: var(--violet-500);
  --accent-active: var(--violet-700);
  --accent-soft: rgba(107, 78, 142, 0.22);
  --accent-soft-border: rgba(150, 120, 189, 0.38);

  --border-subtle: rgba(242, 239, 247, 0.07);
  --border-default: rgba(242, 239, 247, 0.12);
  --border-strong: rgba(242, 239, 247, 0.22);
  --ring: rgba(150, 120, 189, 0.55);

  /* ---- Gradients ---- */
  --gradient-veil: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(107, 78, 142, 0.28), transparent 70%); /* @kind other */
  --gradient-card: linear-gradient(180deg, rgba(150, 120, 189, 0.08), rgba(150, 120, 189, 0) 60%); /* @kind other */
}