<?php
/**
 * Snippet: html-head
 * Params:
 *   $pageTitle  string  Full <title> value
 *   $extraCss   array   Optional additional CSS asset paths
 *   $bodyClass  string  Optional extra class(es) for <body>
 */
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><?= html($pageTitle ?? $site->title()->value()) ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php if ($page->seo_description()->isNotEmpty()): ?>
<meta name="description" content="<?= $page->seo_description()->html() ?>">
<?php endif ?>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=JetBrains+Mono:wght@300;400;500&family=Inter+Tight:wght@400;500&display=swap" rel="stylesheet">
<?= css('assets/css/shared.css') ?>
<?= css('@auto') ?>
<?php foreach ($extraCss ?? [] as $stylesheet): ?>
<?= css($stylesheet) ?>
<?php endforeach ?>
</head>
