/**
 * The notice colour role (0.34.0, frontend-program B-FP-460/462/464): the
 * «warm sheet» a notice (oppslag) stands on, so a reader can tell a notice
 * from a news story at a glance — in a list, on the place page and on the
 * notice's own page.
 *
 *   --ut-notice          brown ink: the «Notice» kicker, the edge, the pin
 *   --ut-notice-surface  the warm sheet
 *   --ut-notice-hover    the sheet under the pointer (a list row)
 *   --ut-notice-border   the sheet's hairline border
 *
 * One fixed colour for every site (Christian 2026-10-07, «tydelig ark»): the
 * notice colour says WHAT the content is, so it does not follow a site's
 * brand and is not part of the brand slot. Text on the sheet keeps the
 * normal ink roles. Text pairs are at least 4.5:1 (WCAG 1.4.3), asserted in
 * scripts/check-contrast.mjs, which reads the values from this file:
 * --ut-notice on the sheet 5.6:1 and on hover 5.2:1; --ut-content-subtle on
 * the sheet 4.6:1 but only 4.2:1 on hover, so a row that darkens on hover
 * draws its secondary text in --ut-content-muted (5.4:1 on hover). The border
 * is decorative (the edge carries the meaning).
 *
 * Defined on `:root` as well as `.ut-ui`, so a theme template can draw the
 * sheet around its own article markup without being a `.ut-ui` scope.
 *
 * Dark theme: the structural `[data-theme="dark"] .ut-ui` hook has no dark
 * skin yet (B-FP-064); this role gets one with it.
 *
 * Its own registered handle `ut-ui-core-notice` (depends on `ut-ui-core`),
 * NOT part of dist/ui-core.css: a consumer enqueues it on the pages that show
 * notices, and dist/ui-core.css stays byte-identical, so the rendered-profile
 * approvals bound to it stay valid (as ut-help-link.css).
 */

:root,
.ut-ui {
  --ut-notice: #8A4B2A;
  --ut-notice-surface: #F6E9DA;
  --ut-notice-hover: #F0DFCB;
  --ut-notice-border: #DDBFA3;
}