/*
 * Design tokens.
 *
 * Source: the Claude Design handoff "Ontario Wedding Network redesign"
 * (Direction A), landed 2026-09-14. Replaces the values extracted from the
 * Elementor kit (56713) on 2026-09-13 — the palette moved from pure black +
 * #1E73BE to a warmer ink and a brighter blue, and the type scale is now
 * explicit rather than inherited from Elementor defaults.
 *
 * This is still the only file that should need to change to re-skin the site.
 * Nothing below is invented: every value is from the handoff's Design Tokens
 * section. The legacy palette entries at the bottom are kept only because
 * main.css still references them.
 */

:root {
	/* --- Brand ---------------------------------------------------------- */
	--own-color-primary:   #2b2e34;  /* ink / dark surface: utility bar, footer, dark buttons */
	--own-color-secondary: #3d4149;
	--own-color-text:      #3d4149;  /* body copy */
	--own-color-accent:    #1a6fd4;  /* links, primary buttons */

	--own-color-accent-hover: #125bb0;
	--own-color-accent-tint:  #eef4fc;  /* category pills */
	--own-color-accent-pale:  #eaf4ff;  /* success circle */

	/* --- Text ----------------------------------------------------------- */
	--own-color-text-2:       #4c5058;  /* secondary body */
	--own-color-muted:        #6b7078;  /* meta, labels */
	--own-color-placeholder:  #9aa0a8;

	/* --- Lines ---------------------------------------------------------- */
	--own-color-border:        #e8eaee;
	--own-color-border-input:  #d9dde3;
	--own-color-hairline:      #eef0f3;
	--own-color-divider:       #e0e3e8;

	/* --- Surfaces ------------------------------------------------------- */
	--own-color-surface:        #ffffff;
	--own-color-surface-muted:  #f5f6f8;
	--own-color-surface-panel:  #f8f9fb;

	/* --- Accents -------------------------------------------------------- */
	--own-color-featured: #e0245e;  /* FEATURED flag, favourite active */
	--own-color-fav-bg:   #fff5f8;
	--own-color-star:     #f2a41c;
	--own-color-success:  #22a05a;

	/* --- Type ----------------------------------------------------------- */
	--own-font-sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--own-font-size-base: 1rem;
	--own-weight-body: 400;
	--own-weight-medium: 500;
	--own-weight-heading: 600;
	--own-weight-link: 600;
	--own-line-height: 1.75;

	/* --- Spacing — 4px base --------------------------------------------- */
	--own-space-1: 0.25rem;
	--own-space-2: 0.5rem;
	--own-space-3: 0.75rem;
	--own-space-4: 1rem;
	--own-space-5: 1.25rem;
	--own-space-6: 1.5rem;
	--own-space-7: 1.75rem;
	--own-space-8: 2rem;
	--own-space-11: 2.75rem;  /* section gap (44px) */
	--own-space-12: 3rem;     /* column gap (48px) */
	--own-space-16: 4rem;
	--own-space-20: 5rem;     /* page section padding (80px) */

	/* --- Layout --------------------------------------------------------- */
	/*
	 * 1400px, not the handoff's 1200px: Rich's call 2026-09-15 after seeing the
	 * site on a 16" MacBook, where 1200px left 264px of empty gutter each side.
	 * The grid track minimums in home.css moved with it so the rows stay 4-up
	 * and the cards get bigger, rather than the rows going 5-up and the rhythm
	 * changing. One number, one file.
	 */
	--own-width-content: 1400px;
	--own-gutter: var(--own-space-6);  /* 24px, per the handoff page frame */

	/* --- Radius --------------------------------------------------------- */
	--own-radius-sm:   4px;   /* small buttons, badges */
	--own-radius:      6px;   /* inputs, buttons */
	--own-radius-md:   8px;
	--own-radius-lg:  10px;   /* cards */
	--own-radius-xl:  12px;   /* panels */
	--own-radius-pill: 999px;

	/* --- Shadows -------------------------------------------------------- */
	--own-shadow-card:    0 10px 30px rgba(0, 0, 0, .06);
	--own-shadow-sidebar: 0 12px 34px rgba(0, 0, 0, .08);
	--own-shadow-hover:   0 12px 32px rgba(0, 0, 0, .1);
	--own-shadow-float:   0 4px 14px rgba(0, 0, 0, .2);
	--own-shadow-tile:    0 2px 10px rgba(0, 0, 0, .15);

	/* --- Legacy ---------------------------------------------------------
	 * Still referenced by main.css (kicker, upgrade notice). The handoff has
	 * no equivalent; retire these when those components are redesigned.     */
	--own-color-sage:       #708584;
	--own-color-cream:      #fefae0;
	--own-color-terracotta: #e5a87b;
	--own-color-slate:      #505459;
	--own-color-mint:       #b1c9c3;
	--own-radius-legacy:    6px;
}