/*
 * Beach Glow Studios brand. Loaded by legwork-base after base.css.
 * Colours: Felicia's palette (brief/attachments/Beach Glow Studios Aesthetic.png:
 * #DCC8B2 #C8A88A #A57C5D #7A5A42 #1A1A1A). Her exact #7A5A42 is the accent
 * (Luca, 2026-10-26), so the panel is lightened to #E8DBCC to keep accent text
 * >= 4.5:1 on it; #DCC8B2 stays as the line colour. Ratios: design/NOTES.md.
 * Shapes, spacing and motion stay the house tokens.
 */
@layer brand {
	:root {
		--color-ink: #1a1a1a;            /* Felicia's black. paper on it 15.63:1 */
		--color-paper: #f7f2eb;          /* warm white: cards, text on dark */
		--color-page: #efe6db;           /* beige page. ink 14.1:1, muted 7.13:1, accent 5.05:1 */
		--color-panel: #e8dbcc;          /* lightened sand. accent text 4.58:1, muted 6.47:1, ink 12.79:1 */
		--color-accent: #7a5a42;         /* Felicia's exact brown. paper on it 5.60:1 */
		--color-accent-deep: #4a3628;    /* gradient end. paper on it 10.19:1 */
		--color-accent-on-dark: #c8a88a; /* Felicia's warm gold. 7.81:1 on ink, 7.08:1 on ink-raised */
		--color-muted: #5c4636;          /* 7.91:1 paper, 7.13:1 page, 6.47:1 panel */
		--color-muted-on-dark: #bfae9c;  /* 8.08:1 ink, 7.32:1 ink-raised */
		--color-line: #dcc8b2;           /* Felicia's sand swatch; decorative borders only */
		--color-field: #fbf8f3;          /* ink in it 16.43:1 */
		--color-field-border: #7a6250;   /* >= 3:1 on page, field, paper and panel */
		--color-ink-raised: #2a211b;     /* warm brown-black cards on dark. paper 14.16:1 */

		/* Glows on dark sheets, toned down for a brown accent so gold and muted
		   text stay >= 4.5:1 at the brightest point (4.92 / 5.09:1). */
		--glow-1: color-mix(in srgb, var(--color-accent) 34%, transparent);
		--glow-3: color-mix(in srgb, var(--color-accent-on-dark) 12%, transparent);

		/* Logo gold (sampled from her logo file), decorative only. */
		--color-logo-gold: #e6c9a0;

		/* Faces: Cinzel headings (interim, see below), Allura script accents. */
		--font-display: "Cinzel", "Bodoni 72", "Bodoni MT", Didot, Georgia, serif;
		--font-script: "Allura", "Snell Roundhand", cursive;
	}
}

/*
 * INTERIM: legwork-base supports ONE font family (lw_font() -> --font-sans;
 * headings inherit it). Montserrat is set there via lw_config('font'). Until the
 * parent gains a heading font, Cinzel is declared here and applied to headings.
 */
@font-face {
	font-family: "Cinzel";
	src: url("../fonts/cinzel-latin-wght-normal.woff2") format("woff2");
	font-weight: 400 900;
	font-style: normal;
	font-display: swap;
}
/* Script accent: one or two words only (bgs_accent()), never body text. */
@font-face {
	font-family: "Allura";
	src: url("../fonts/allura-latin-400-normal.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@layer base {
	h1, h2, h3 {
		font-family: var(--font-display);
		font-weight: 500;        /* Cinzel reads heavy; the board uses its regular cut */
		letter-spacing: 0.01em;  /* house -0.015em cramps Cinzel's capitals */
	}
}
@layer components {
	.lw-hero__title { font-weight: 400; letter-spacing: 0.02em; }

	/*
	 * Buttons on dark (Claude's call, 2026-10-26): the bronze pill's edge was
	 * only 2.27:1 against black. On dark sheets, in the header and the footer the
	 * primary button is Felicia's gold with ink text (7.81:1); its edge is 7.81:1.
	 */
	:is(.lw-sheet--dark, .lw-header, .bgs-footer) :is(.lw-btn--primary, .lw-nav__cta a)::before { background: var(--color-accent-on-dark); animation: none; }
	:is(.lw-sheet--dark, .lw-header, .bgs-footer) :is(.lw-btn--primary, .lw-nav__cta a) { background: var(--color-accent-on-dark); color: var(--color-ink); }
	:is(.lw-sheet--dark, .lw-header, .bgs-footer) .lw-btn--primary .lw-btn__tile { background: var(--color-ink); color: var(--color-accent-on-dark); }
	:is(.lw-sheet--dark, .lw-header, .bgs-footer) :is(.lw-btn--primary, .lw-nav__cta a)::after { background: linear-gradient(105deg, transparent 30%, rgb(255 255 255 / 0.35) 50%, transparent 70%); }
}