text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* =========================================================
   LifeCompanion design tokens

   Theme-agnostic tokens (motion, shape) live in :root.
   Theme-specific tokens (colors, surfaces) live under [data-bs-theme="..."].
   --lc-fx-tint is an RGB triple used with rgba(var(--lc-fx-tint), X) so
   subtle white overlays on dark surfaces automatically become subtle
   dark overlays on light surfaces without per-site case-work.
   ========================================================= */

:root {
    /* Motion */
    --lc-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --lc-duration-fast: 0.15s;
    --lc-duration-med: 0.3s;

    /* Shape */
    --lc-radius-sm: 0.5rem;
    --lc-radius-md: 0.875rem;
    --lc-radius-lg: 1.5rem;

    /* Glass */
    --lc-glass-blur: 24px;

    /* Chrome dimensions - used by main-content offsets and sidebar/topbar CSS. */
    --lc-sidebar-width: 15.5rem;      /* 248px on desktop; also passed into Bootstrap offcanvas at <lg */
    --lc-topbar-height: 3.25rem;      /* 52px sticky top bar (mobile burger, anon actions) */
}