/**
 * THEME — OC Home Assist
 *
 * This is the one file that should differ between this site and any
 * future micro-site built from the same base (ADU, business grants,
 * etc.). Swap the font import and the color values below; base.css and
 * every page's HTML structure stay identical across sites.
 *
 * To start a new micro-site: copy this file, change the values, done —
 * no other file needs to know a new site exists.
 */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --cream: #F8FAFC;   /* page background: clean cool near-white (name kept so base.css needs no changes) */
  --black: #141414;
  --blue: #1D4ED8;
  --blue-dark: #1739A6;
  --muted: #64748B;
  --border: rgba(15,23,42,0.12);
  --border-light: rgba(248,250,252,0.2);

  /* Referenced by base.css; kept here so a new theme can swap the
     typeface pairing without touching any component rule. */
  --font-display: 'Archivo Black', 'Inter', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* Added for the softer, rounded design in base.css (Sept 2026).
     If your live theme.css already defines any of these, keep yours. */
  --text-main: #0F172A;
  /* Brand colors from the OC Home Assist logo */
  --brand-navy: #0A2159;
  --brand-orange: #F25A00;
  --surface: #FFFFFF;
  --black-card: #1E293B;
  --blue-light: #E8EEFB;
  --muted-light: #5A6475;   /* small fine print: darker than --muted so it stays readable */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.14);
}