/* Noted AI: violet to indigo, from the app icon. Only --fl-* variables; anything not set falls back to assets/css/fl-tokens.css. */
.fl-site[data-brand="noted-ai"] {
  --fl-ink: #13112b;
  --fl-ink-2: #3d3b5c;
  --fl-muted: #66647f;
  --fl-surface: #f6f5fd;
  --fl-surface-2: #f1f0fb;
  --fl-line: #e9e8f6;
  --fl-line-strong: #dedcf1;
  --fl-accent: #4f46e5;
  --fl-focus: #4f46e5;
  --fl-wordmark-1: #13112b;
  --fl-wordmark-2: #5b5bf5;
  --fl-primary-bg: #13112b;
  --fl-primary-hover: #2a2850;
  --fl-secondary-hover: #f1f0fb;

  --fl-blob-1: #c4b5fd;
  --fl-blob-2: #a5b4fc;
  --fl-blob-3: #bfdbfe;
  --fl-blob-4: #ddd6fe;
  --fl-blob-5: #e0e7ff;
  --fl-blob-shade-rgb: 79, 70, 229;
  --fl-glass-shadow-rgb: 67, 56, 202;

  --fl-field-1: #e0d9ff;
  --fl-field-2: #d9e0ff;
  --fl-field-3: #ece6ff;
  --fl-field-base: linear-gradient(135deg, #f6f3ff, #eff2ff 50%, #f4f0ff);

  --fl-cta-glow-1: #8b5cf6;
  --fl-cta-glow-2: #38bdf8;
  --fl-cta-base: linear-gradient(160deg, #3b2fc9, #5b5bf5 55%, #0056ff);

  --fl-chip-1: linear-gradient(135deg, #ddd6fe, #c4b5fd);
  --fl-chip-1-ink: #2e1065;
  --fl-chip-2: linear-gradient(135deg, #c7d2fe, #a5b4fc);
  --fl-chip-2-ink: #1e1b4b;
  --fl-chip-3: linear-gradient(135deg, #bfdbfe, #93c5fd);
  --fl-chip-3-ink: #172554;

  --fl-step-1: linear-gradient(140deg, #7c3aed, #8b5cf6 55%, #c4b5fd);
  --fl-step-2: linear-gradient(140deg, #4f46e5, #6366f1 55%, #a5b4fc);
  --fl-step-3: linear-gradient(140deg, #0056ff, #3b82f6 55%, #93c5fd);
  --fl-swatch-1: linear-gradient(140deg, #7c3aed, #c4b5fd);
  --fl-swatch-2: linear-gradient(140deg, #4f46e5, #a5b4fc);
  --fl-swatch-3: linear-gradient(140deg, #0056ff, #93c5fd);
  --fl-swatch-4: linear-gradient(140deg, #5b5bf5, #bfdbfe);

  --fl-avatar-1-bg: #ddd6fe;
  --fl-avatar-1-fg: #2e1065;
  --fl-avatar-2-bg: #c7d2fe;
  --fl-avatar-2-fg: #1e1b4b;
  --fl-avatar-3-bg: #bfdbfe;
  --fl-avatar-3-fg: #172554;
}