/* ============================================================
   yusufaw.me — shared theme tokens
   Single source of truth for the brand accent across all sites.

   Use on any site:
     <link rel="stylesheet" href="https://cdn.yusufaw.me/theme.css" />

   Then reference the variables in CSS:
     color: var(--accent);
     background: var(--accent-soft);
     box-shadow: 0 4px 12px rgba(var(--accent-rgb), .28);

   Change the accent here once and every site updates.
   ============================================================ */
:root {
  --accent: #2a737e;          /* primary brand accent (teal) */
  --accent-hover: #235f69;    /* darker shade for hover / active */
  --accent-soft: #e2eef0;     /* light tint for soft backgrounds */
  --accent-2: #4f9aa6;        /* lighter accent, e.g. gradient end */
  --accent-rgb: 42, 115, 126; /* accent as R,G,B for use in rgba() */
  --accent-border: #c2dbdf;   /* subtle accent-tinted border */
}