/*!
 * CEED ecosystem design tokens — single source of truth.
 *
 * Include on any CEED ecosystem domain (wellfeed.io, wceed.io, majic.in,
 * myerpgo.com, voicefame.com) to get shared colours, typography, radius,
 * and shadow. Keeps every surface looking like the same product.
 *
 *   <link rel="stylesheet" href="https://voicefame.com/css/ceed-design.css">
 */
:root {
  /* ── Brand ── */
  --ceed-accent:       #0C9B8D;       /* teal */
  --ceed-accent-soft:  #0AB89A;
  --ceed-gold:         #C99312;
  --ceed-gold-soft:    #E6B422;
  --ceed-red:          #FF5252;
  --ceed-green:        #22C55E;
  --ceed-purple:       #6E42C9;
  --ceed-blue:         #3B82F6;

  /* ── Surfaces (dark default) ── */
  --ceed-bg:           #0B0F19;
  --ceed-bg-1:         #0D1117;
  --ceed-bg-2:         #141924;
  --ceed-bg-3:         #1A2030;
  --ceed-border:       rgba(255, 255, 255, 0.08);
  --ceed-border-hi:    rgba(255, 255, 255, 0.18);

  /* ── Text ── */
  --ceed-tx:           #F0F6FC;
  --ceed-tx-1:         #E8ECF1;
  --ceed-tx-2:         rgba(232, 236, 241, 0.65);
  --ceed-tx-3:         rgba(232, 236, 241, 0.35);

  /* ── Type ── */
  --ceed-font:         'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ceed-mono:         ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ── Layout ── */
  --ceed-r:            12px;      /* default radius */
  --ceed-r-sm:         8px;
  --ceed-r-lg:         20px;
  --ceed-shadow:       0 12px 48px rgba(0, 0, 0, 0.4);
  --ceed-shadow-sm:    0 4px 16px rgba(0, 0, 0, 0.25);

  /* ── Gradients reused across ecosystem ── */
  --ceed-grad-gold:    linear-gradient(135deg, #C99312, #E6B422);
  --ceed-grad-teal:    linear-gradient(135deg, #0C9B8D, #066);
  --ceed-grad-hero:    linear-gradient(135deg, rgba(12,155,141,.12), rgba(201,147,18,.08), rgba(12,155,141,.12));
}

/* ── Light-mode override (if a page sets data-theme="light") ── */
[data-theme="light"] {
  --ceed-bg:     #FAFBFC;
  --ceed-bg-1:   #FFFFFF;
  --ceed-bg-2:   #F5F6FA;
  --ceed-bg-3:   #EBEDF3;
  --ceed-border: rgba(0, 0, 0, 0.08);
  --ceed-tx:     #1A1A2E;
  --ceed-tx-1:   #2D2D3F;
  --ceed-tx-2:   rgba(26, 26, 46, 0.65);
  --ceed-tx-3:   rgba(26, 26, 46, 0.35);
}

/* ── Reset shared utilities consumers can opt into ── */
.ceed-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 22px; border-radius: 999px;
  font-family: var(--ceed-font); font-size: 14px; font-weight: 700;
  background: var(--ceed-accent); color: #fff; border: none; cursor: pointer;
  transition: transform .15s, box-shadow .15s;
}
.ceed-btn:hover { transform: translateY(-1px); box-shadow: var(--ceed-shadow-sm); }
.ceed-btn.secondary {
  background: var(--ceed-bg-3); color: var(--ceed-tx);
  border: 1px solid var(--ceed-border);
}
.ceed-btn.gold { background: var(--ceed-grad-gold); color: #000; }

.ceed-card {
  background: var(--ceed-bg-2); border: 1px solid var(--ceed-border);
  border-radius: var(--ceed-r);
}
.ceed-chip {
  display: inline-block; padding: 3px 8px; border-radius: 10px;
  font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  background: var(--ceed-bg-3); color: var(--ceed-tx-2);
}