/*
 * OIC Components Library - Cards Base
 *
 * Purpose:
 * - Provide token-based defaults for imported cards without forcing a full design.
 * - Keep scope limited to card wrappers to avoid global conflicts.
 */

.oic-cardpack{
  --oic-card-bg: var(--oic-color-surface);
  --oic-card-text: var(--oic-color-text);
  --oic-card-text-2: var(--oic-color-text-2);
  --oic-card-accent: var(--oic-color-primary);
  --oic-card-accent-2: var(--oic-color-secondary);
  --oic-card-radius: var(--oic-radius-md);
  --oic-card-border: rgba(0,0,0,.06);
  --oic-card-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* Base card wrapper (our templates use .oic-cardpack directly) */
.oic-cardpack{
  background: var(--oic-card-bg);
  color: var(--oic-card-text);
  border-radius: var(--oic-card-radius);
  border: 1px solid var(--oic-card-border);
  overflow: hidden; /* clips media corners */
}

/* Common patterns (imported HTML often uses .card) */
.oic-cardpack.card,
.oic-cardpack .card{
  background: var(--oic-card-bg);
  color: var(--oic-card-text);
  border-radius: var(--oic-card-radius);
  border: 1px solid var(--oic-card-border);
  overflow: hidden;
}

.oic-cardpack a{ color: var(--oic-card-accent); text-decoration: none; }
.oic-cardpack a:hover{ color: var(--oic-card-accent-2); }

/* Common media helpers */
.oic-cardpack img,
.oic-cardpack video{
  max-width: 100%;
  height: auto;
  display: block;
}

/* Headings / titles */
.oic-cardpack h1,
.oic-cardpack h2,
.oic-cardpack h3,
.oic-cardpack h4,
.oic-cardpack .title,
.oic-cardpack .card-title,
.oic-cardpack .post-title{
  color: var(--oic-card-text);
}

/* Secondary/meta text */
.oic-cardpack .meta,
.oic-cardpack .card-meta,
.oic-cardpack time,
.oic-cardpack .date,
.oic-cardpack .excerpt{
  color: var(--oic-card-text-2);
}

/* Hover affordance (subtle; safe for news sites) */
.oic-cardpack:hover,
.oic-cardpack.card:hover,
.oic-cardpack .card:hover{
  box-shadow: var(--oic-card-shadow);
}

/*
 * Latest module mapping (vars only)
 * - Values come from uploads/oic-cl/components.css
 */
.oic-module--latest .oic-cardpack{
  --oic-card-radius: var(--oic-latest-card-radius, var(--oic-radius-lg));
  --oic-card-bg: var(--oic-latest-card-bg, var(--oic-color-surface));
}