/* ============================================================================
   sovereign-kernel.css — the SOVEREIGN (estate) product token layer (Layer B),
   done the kernel way. It imports the identity-free PDH kernel FIRST (so the
   component layer + primitives are present), then binds the estate palette
   (ampam-tokens.css) to the kernel's product hooks. This is the estate analogue
   of pro-motion-tokens.css: one component system, skinned with the nation's own
   tokens. A surface links THIS and gets the kernel + estate identity together.

   Registered product layer (imports the kernel) — recognised by
   design_token_gate.py's positive rule. See /opt/pdh/DESIGN-KERNEL.md.
   ========================================================================== */
@import url("/css/pdh-kernel.css");
@import url("/css/ampam-tokens.css");

:root{
  /* bind the estate palette to the kernel's component hooks. Fallbacks match the
     canonical ampam-tokens values so the skin holds even if that sheet 404s. */
  /* This layer is committed to the estate DARK ground, so text is a FIXED light
     ink — not --ampam-ink, which flips dark under prefers-color-scheme:light. */
  --bg:            #060810;
  --surface:       rgba(200,168,78,.05);
  --surface-2:     rgba(200,168,78,.09);
  --text:          #F4EFE2;
  --muted:         #9AA3AD;
  --border:        rgba(200,168,78,.20);
  --border-strong: rgba(200,168,78,.40);
  --accent:        var(--ampam-gold, #C8A84E);
  --on-accent:     #0B0E16;                 /* ink on gold — readable */
  --focus:         var(--ampam-gold, #C8A84E);
  --ok:            #8FD6A0;
  --danger:        #E5695B;
  --font-display:  var(--ampam-font-display, 'Cormorant Garamond', Georgia, serif);
  --font-body:     var(--ampam-font-body, Georgia, 'Times New Roman', serif);
}

/* the estate ground — the one place this layer paints the page itself */
body{ background:
        radial-gradient(1100px 560px at 50% -8%, rgba(200,168,78,.08), transparent 60%),
        var(--bg);
      color:var(--text); font-family:var(--font-body); line-height:1.7;
      min-height:100dvh; margin:0; }
a{ color:var(--accent); text-underline-offset:2px; }
h1,h2,h3,.k-display{ font-family:var(--font-display); font-weight:600; }