/* app/static/css/themes/orbitofsavings.css */
/* Orbit of Savings — deals-focused coupon site palette */

.theme-orbitofsavings {
  /* --- Orbit of Savings Color Palette --- */
  --oos-green: #16a34a;
  --oos-green-dark: #15803d;
  --oos-green-light: #dcfce7;
  --oos-orange: #ea580c;
  --oos-white: #ffffff;
  --oos-text-dark: #1a1a1a;
  --oos-text-body: #374151;
  --oos-border: #e5e7eb;
  --oos-surface: #f9fafb;

  /* --- Override Base Semantic Colors --- */
  --color-primary: var(--oos-green);
  --color-secondary: var(--oos-text-dark);
  --color-accent: var(--oos-orange);
  --color-background: var(--oos-white);
  --color-surface-1: var(--oos-white);
  --color-surface-2: var(--oos-surface);
  --color-text-primary: var(--oos-text-dark);
  --color-text-secondary: var(--oos-text-body);
  --color-text-muted: #6b7280;
  --color-link: var(--oos-green);
  --color-link-hover: var(--oos-green-dark);
  --color-border: var(--oos-border);
  --color-success: var(--oos-green);

  /* --- Typography --- */
  --font-family-base: "Inter", var(--font-family-sans);
  --font-family-heading: "Inter", var(--font-family-sans);

  /* --- Footer --- */
  --footer-background: var(--oos-text-dark);
  --footer-color: rgba(255, 255, 255, 0.85);
  --footer-border-color: var(--oos-green);
}

/* --- Card overrides for coupon-heavy layout --- */
.theme-orbitofsavings .card__category {
  color: var(--oos-green);
}

/* --- Coupon card theme touches --- */
.theme-orbitofsavings .coupon-card {
  border-color: var(--oos-border);
}

.theme-orbitofsavings .coupon-card:hover {
  border-color: var(--oos-green);
}

.theme-orbitofsavings .coupon-card__store {
  color: var(--oos-green);
}

.theme-orbitofsavings .coupon-card__code-btn {
  background-color: var(--oos-green);
}

.theme-orbitofsavings .coupon-card__code-btn:hover {
  background-color: var(--oos-green-dark);
}

.theme-orbitofsavings .coupon-card__deal-btn {
  background-color: var(--oos-orange);
}

/* --- Section headings --- */
.theme-orbitofsavings .content-section__heading {
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--oos-text-dark);
  border-bottom: 3px solid var(--oos-green);
  padding-bottom: var(--spacing-xs);
  margin-bottom: var(--spacing-md);
}