/*
 * Resurrection Layout
 * -------------------
 * Alle Styles unter :root[data-layout="resurrection"] gescoped.
 *
 * Struktur via @layer:
 *   resurrection.reset      → Moderner Browser-Reset
 *   resurrection.base       → Tokens, Typografie, Basis-Styles
 *   resurrection.layout     → Seitenstruktur (Flexbox/Grid)
 *   resurrection.components → Header, Nav, Footer, Marginal, …
 */

@layer resurrection.reset,
       resurrection.base,
       resurrection.layout,
       resurrection.components;


/* ── Tokens ──────────────────────────────────────────────────────────────── */
/*
 * Außerhalb der @layer-Struktur, damit die Custom Properties immer gelten
 * und nicht durch Layer-Priorisierung überschrieben werden können.
 */

:root[data-layout="resurrection"] {
  --color-accent:      #2a7a2a;
  --color-accent-dark: #1a521a;
  --color-text:        #222222;
  --color-text-muted:  #666666;
  --color-bg:          #ffffff;
  --color-bg-subtle:   #f5f5f5;
  --color-border:      #dddddd;

  --font-heading: system-ui, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-body:    Georgia, 'Times New Roman', serif;
  --font-mono:    'Fira Code', 'Cascadia Code', Consolas, monospace;

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  --line-height-body:    1.6;
  --line-height-heading: 1.25;

  --max-width:     60rem;
  --sidebar-width: 18rem;
}


/* ── Reset ───────────────────────────────────────────────────────────────── */

@layer resurrection.reset {
  /* Wird beim Layout-Ausbau implementiert */
}


/* ── Base ────────────────────────────────────────────────────────────────── */

@layer resurrection.base {

  :root[data-layout="resurrection"] {
    h1, h2, h3, h4, h5, h6 {
      color: var(--color-accent);
    }
  }

}


/* ── Layout ──────────────────────────────────────────────────────────────── */

@layer resurrection.layout {
  /* Wird beim Layout-Ausbau implementiert */
}


/* ── Components ──────────────────────────────────────────────────────────── */

@layer resurrection.components {
  /* Wird beim Layout-Ausbau implementiert */
}