/* Violet/pink tokens ported from routineFront-app upstream/test
   (src/assets/css/theme-violet.css @ e6045aa). Kijox is not used. */
:root {
  --rm-ink: #17172e;
  --rm-muted: #4a4a68;
  --rm-violet: #6a4fe0;
  --rm-violet-2: #9c6cff;
  --rm-pink: #ed78cf;
  --rm-field-bg: rgba(255, 255, 255, .92);
  --rm-field-border: rgba(106, 79, 224, .14);
  --rm-shell-pad-x: 24px;
  --rm-radius-sm: 14px;
  --rm-radius-md: 20px;
  --rm-radius-lg: 24px;
  --rm-radius-pill: 999px;
  --rm-shadow-soft: 0 8px 20px rgba(106, 79, 224, .07);
  --rm-shadow-card: 0 12px 32px rgba(106, 79, 224, .12);
  --rm-shadow-cta: 0 16px 34px rgba(130, 87, 240, .28);
  --rm-violet-rgb: 106, 79, 224;
  --rm-pink-rgb: 237, 120, 207;
  --rm-bg:
    radial-gradient(circle at 15% 5%, rgba(255, 255, 255, .95), transparent 31%),
    radial-gradient(circle at 92% 18%, rgba(223, 211, 255, .75), transparent 34%),
    linear-gradient(145deg, #fff 0%, #fbf6ff 43%, #f4edff 72%, #fff 100%);

  /* Remap legacy blog/admin green-gold aliases onto violet */
  --caui-brand-green: var(--rm-violet);
  --caui-brand-green-deep: #4a34b8;
  --caui-brand-green-light: var(--rm-violet-2);
  --caui-brand-green-soft: rgba(106, 79, 224, .1);
  --caui-brand-gold: var(--rm-pink);
  --caui-brand-gold-deep: #c45eaa;
  --caui-brand-gold-soft: #f3b8e3;
  --caui-brand-gold-light: var(--rm-pink);
  --caui-brand-cream: #fbf6ff;
  --caui-brand-cream-dark: #f4edff;
  --caui-surface: #ffffff;
  --caui-surface-elevated: #ffffff;
  --caui-surface-muted: #f7f4ff;
  --caui-surface-soft: rgba(106, 79, 224, .08);
  --caui-alternating-surface-accent: rgba(106, 79, 224, .08);
  --caui-alternating-surface-subtle: #fbf6ff;
  --caui-border: rgba(106, 79, 224, .12);
  --caui-text: var(--rm-ink);
  --caui-text-muted: var(--rm-muted);
  --caui-text-inverse: #ffffff;
  --caui-head-bg: var(--rm-violet);
  --caui-navbar-text: var(--rm-ink);
  --caui-radius: var(--rm-radius-lg);

  --blog-color-primary: var(--rm-violet);
  --blog-color-primary-deep: #4a34b8;
  --blog-color-primary-light: var(--rm-violet-2);
  --blog-color-primary-soft: rgba(106, 79, 224, .1);
  --blog-gutter: 24px;
  --blog-sheet-y: 28px;
  --blog-container: 1180px;
  --blog-radius: 16px;
  --blog-radius-sm: 14px;
  --blog-radius-pill: 999px;
  --blog-color-secondary: var(--rm-pink);
  --blog-color-secondary-deep: #c45eaa;
  --blog-color-secondary-soft: #f3b8e3;
  --blog-brand-green: var(--rm-violet);
  --blog-brand-green-deep: #4a34b8;
  --blog-text: var(--rm-ink);
  --blog-text-muted: var(--rm-muted);
  --blog-text-inverse: #ffffff;
  --caui-brand-gold-soft: #f3b8e3;

  --brand-cream: #fbf6ff;
  --brand-cream-dark: #f4edff;
  --brand-green: var(--rm-violet);
  --brand-green-dark: #4a34b8;
  --brand-green-light: var(--rm-violet-2);
  --brand-gold: var(--rm-pink);
  --brand-gold-light: #f0a0dc;
}

html {
  color-scheme: light;
}

body {
  color: var(--rm-ink);
  background: var(--rm-bg);
  background-attachment: fixed;
}