/* Aura Technology — brand tokens (source: Jim Daniels' Premium package, Oct 2026:
   Brand_Standards_Editable.pdf + Brand_Identity_Guide.pdf + Brand_Specification.md).
   Load fonts in <head> (see HANDOFF.md), then include this file before site CSS. */
:root {
  /* Core palette — exactly as published in Jim's standards */
  --aura-ink:      #08090A;  /* primary wordmark, text, dark surfaces */
  --aura-graphite: #1E2226;  /* dark structure, panels, raised dark surfaces */
  --aura-ash:      #A7AAAD;  /* secondary lettering — on DARK backgrounds only (2.4:1 on white) */
  --aura-mist:     #F5F6F5;  /* editorial / section background ("paper" in Brand_Specification.md) */
  --aura-white:    #FFFFFF;  /* reverse type, open space */

  /* Logo-only grays as drawn in Jim's SVG masters (TECHNOLOGY line). Not in the published palette — see HANDOFF. */
  --aura-logo-gray-on-light: #777B7F;
  --aura-logo-gray-on-dark:  #D0D2D4;

  /* Web helper (not in Jim's palette): accessible secondary text on light. Used by Jim's own starter site (--muted). */
  --aura-muted-on-light: #686D72; /* 5.3:1 on white */

  /* Semantic roles */
  --color-text: var(--aura-ink);
  --color-text-secondary: var(--aura-muted-on-light);
  --color-bg: var(--aura-white);
  --color-bg-alt: var(--aura-mist);
  --color-surface-dark: var(--aura-ink);
  --color-surface-dark-2: var(--aura-graphite);
  --color-text-on-dark: var(--aura-white);
  --color-text-secondary-on-dark: var(--aura-ash);
  --color-line: #DEE0E1; /* hairline (from Jim's starter site) */

  /* Typography — Inter / Inter Display (digital), Lato (print; optional on web) */
  --font-sans: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; /* use with font-optical-sizing:auto / opsz 32 for "Inter Display" */
  --font-print: "Lato", "Helvetica Neue", Arial, sans-serif;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --tracking-display: -0.02em;
  --tracking-eyebrow: 0.18em;   /* tracked caps labels, echoing TECHNOLOGY */

  /* Spacing scale (8px base) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;
  --radius-0: 0;             /* Jim's site is square-cornered */
  --radius-icon: 18.36%;     /* app-icon tile corner = 94/512 */

  /* Logo sizing (trimmed SVGs in /logo) */
  --logo-lockup-ratio: 1554 / 481;   /* aura-lockup-*.svg */
  --logo-wordmark-ratio: 1554 / 352; /* aura-wordmark-*.svg */
  --logo-header-h: 56px;             /* desktop header (≈181px wide); 48px on mobile */
  --logo-lockup-min-w: 150px;        /* proposed — Jim's docs give no minimum */
  --logo-wordmark-min-w: 80px;       /* proposed */
  --logo-icon-min: 16px;
  /* Clear space = width of the U stroke ≈ 15% of AURA cap height (Jim: "approx. the height of the large U stroke"). */
  --logo-clearspace: calc(var(--logo-header-h) * 0.11);
  --logo-clearspace-comfortable: calc(var(--logo-header-h) * 0.5);
}
.aura-logo { display:block; height:var(--logo-header-h); width:auto; aspect-ratio:var(--logo-lockup-ratio); padding:var(--logo-clearspace); box-sizing:content-box; }
@media (max-width: 640px) { :root { --logo-header-h: 48px; } }