/* Design tokens (custom properties) */
:root {
  /* Surfaces */
  --av-bg: #f6f9fa;               /* page (slightly lighter) */
  --av-card: #ffffff;             /* card */
  --av-border: rgba(17,24,39,.10);

  /* Text */
  --av-text: #0f172a;
  --av-muted: rgba(15,23,42,.68);

  /* Brand */
  --av-nav: #1c2230;
  --av-nav2: #141a26;
  --av-accent: #35abb2;           /* teal */
  --av-success: #76BC79;

  /* Shape + depth */
  --av-input-radius: 6px;
  --av-card-radius: 20px;
  --av-btn-radius: 4px;
  --av-thumbnail-radius: 2px;
  --av-shadow: 0 10px 28px rgba(15,23,42,.12);
  --av-shadow-soft: 0 8px 18px rgba(15,23,42,.08);
}