/**
 * HearthWrite Frontend Tokens — light ivory editorial (matches frontend/src/tokens).
 * Enqueued for site chrome (global nav) so PHP surfaces share the React island palette.
 * Theme packs remap these under html[data-hw-theme="midnight|parchment"] in
 * HearthWriteThemePacks.css — do not hardcode ivory hex in surface sheets when a
 * --hw-fe-* token exists.
 */
:root {
  --hw-fe-color-scheme: light;
  --hw-fe-bg: #f7f3ed;
  --hw-fe-bg-soft: #f1ebe2;
  --hw-fe-surface: #efe8dc;
  --hw-fe-elevated: #fcfaf7;
  --hw-fe-panel: rgba(252, 250, 247, 0.94);
  --hw-fe-panel-solid: #fcfaf7;

  --hw-fe-text: #211b16;
  --hw-fe-text-soft: #5c564e;
  --hw-fe-muted: #8a8379;
  --hw-fe-text-rgb: 33, 27, 22;

  --hw-fe-accent: #b85c3a;
  --hw-fe-accent-strong: #8f4027;
  --hw-fe-accent-light: #c9724f;
  --hw-fe-accent-rgb: 184, 92, 58;
  --hw-fe-accent-light-rgb: 201, 114, 79;
  --hw-fe-accent-strong-rgb: 143, 64, 39;

  --hw-fe-border: #e4ded4;
  --hw-fe-border-soft: rgba(33, 27, 22, 0.07);
  --hw-fe-border-strong: rgba(184, 92, 58, 0.35);

  --hw-fe-shadow-sm: 0 4px 14px rgba(36, 33, 29, 0.06);
  --hw-fe-shadow-md: 0 12px 32px rgba(36, 33, 29, 0.08);
  --hw-fe-shadow-lg: 0 24px 56px rgba(36, 33, 29, 0.1);
  --hw-fe-shadow-fire: 0 8px 24px rgba(184, 92, 58, 0.18);

  --hw-fe-radius-md: 12px;
  --hw-fe-radius-lg: 16px;
  --hw-fe-radius-xl: 20px;
  --hw-fe-radius-2xl: 24px;
  --hw-fe-radius-pill: 999px;

  --hw-fe-font-ui: "DM Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --hw-fe-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --hw-fe-font-body: Lora, Georgia, "Times New Roman", serif;

  /*
   * Shared ivory page wash — same recipe as frontend/src/tokens/color.css --hw-canvas-bg.
   * Nav + footer + body must use this (fixed) so chrome seams disappear.
   * Does not override DesignTokens --hw-canvas-bg (dark) so story/chapter stay charcoal.
   */
  --hw-fe-canvas:
    radial-gradient(ellipse 70% 45% at 50% -8%, rgba(var(--hw-fe-accent-rgb), 0.07), transparent 55%),
    radial-gradient(ellipse 55% 40% at 88% 92%, rgba(var(--hw-fe-accent-rgb), 0.04), transparent 50%),
    radial-gradient(ellipse 50% 35% at 8% 78%, rgba(241, 235, 226, 0.72), transparent 55%),
    linear-gradient(180deg, var(--hw-fe-bg) 0%, var(--hw-fe-bg-soft) 48%, var(--hw-fe-bg) 100%);
}

/*
 * Response composers: no manual drag-resize. Height grows with content via
 * HearthWriteTextareaAutogrow.js (overflow only).
 */
.hw-story-page .hw-review-form textarea,
.hw-story-page .hw-story-art__form textarea,
.hw-story-page .hw-community textarea,
.hw-discussion-form textarea,
.hw-discussion-reply-form textarea,
.hw-suggestions textarea,
.hw-community__new-topic textarea,
.hw-community__reply-form textarea,
.hw-arena textarea,
.hw-profile__customize textarea,
.hw-profile-guestbook textarea,
.hw-qb__post-card textarea,
.hw-messages textarea,
textarea.hw-autogrow {
  resize: none;
  overflow-y: hidden;
  box-sizing: border-box;
}