/* =============================================================
   Channel program design tokens — edit here to retheme the
   Affiliate and Reseller marketing pages.
   All --channel-* tokens cascade from .channel-page.
   ============================================================= */

.channel-page {
  /* Brand */
  --channel-brand: #006847;
  --channel-brand-dark: #003f2c;
  --channel-brand-deep: #002d20;

  /* Accent */
  --channel-accent: #f4c95d;
  --channel-accent-border: #d6a82f;
  --channel-accent-soft: oklch(96% 0.055 88);
  --channel-accent-ink: #4d3900;

  /* Surfaces */
  --channel-surface: oklch(99% 0.004 165);
  --channel-surface-panel: oklch(97.5% 0.012 165);
  --channel-surface-muted: oklch(94.5% 0.02 165);
  --channel-surface-strong: #ffffff;
  --channel-ink: #14231d;
  --channel-ink-muted: #4f625a;
  --channel-ink-on-brand: #ffffff;

  /* Borders */
  --channel-border: rgba(0, 104, 71, 0.18);
  --channel-border-strong: rgba(0, 63, 44, 0.42);

  /* Focus */
  --channel-focus-ring: 0 0 0 3px rgba(244, 201, 93, 0.62);

  /* Shadows */
  --channel-shadow-sm: 0 3px 8px rgba(0, 45, 32, 0.12);
  --channel-shadow-md: 0 6px 8px rgba(0, 45, 32, 0.16);

  /* Radii */
  --channel-radius: 10px;
  --channel-radius-lg: 16px;

  /* Motion */
  --channel-transition: 220ms cubic-bezier(0.16, 1, 0.3, 1);
  --channel-transition-fast: 140ms ease;
}

.channel-page--reseller {
  --channel-brand-dark: #183f35;
  --channel-brand-deep: #102f28;
  --channel-accent: #9fb8c8;
  --channel-accent-border: #6b8ca3;
  --channel-accent-soft: oklch(94% 0.025 225);
  --channel-accent-ink: #183b50;
}