/**
 * DataByte Theme — Design System (Premium / Stripe–Linear style)
 * Doar variabile CSS. Nu modifică logica PHP sau variabilele de sistem.
 * Poți importa acest fișier în tema principală și folosi var(--premium-*) în databyte.css
 * sau aplica clasa .theme-premium-light pe body pentru tema light.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lexend:wght@400;500;600;700&display=swap');

/* ========== Design system: variabile premium (light, Stripe/Linear) ========== */
:root {
  /* Paletă */
  --premium-bg: #ffffff;
  --premium-bg-subtle: #f8fafc;
  --premium-surface: #ffffff;
  --premium-border: #e2e8f0;
  --premium-border-focus: #007bff;

  --premium-text: #0f172a;
  --premium-text-secondary: #475569;
  --premium-text-muted: #64748b;

  --premium-accent: #007bff;
  --premium-accent-hover: #0056b3;
  --premium-accent-light: rgba(0, 123, 255, 0.08);

  /* Tipografie */
  --premium-font-sans: 'Inter', 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --premium-font-size-base: 15px;
  --premium-line-height: 1.5;
  --premium-heading-weight: 600;

  /* Spațiere și radius */
  --premium-radius: 12px;
  --premium-radius-sm: 8px;
  --premium-radius-btn: 12px;
  --premium-padding-card: 1.5rem;
  --premium-padding-btn-x: 1.25rem;
  --premium-padding-btn-y: 0.625rem;

  /* Umbre (soft) */
  --premium-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --premium-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --premium-shadow-md: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --premium-shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  /* Tranziții */
  --premium-transition: 0.2s ease;
}

/* ========== Opțional: aplicare temă light premium (activează cu clasa pe body) ========== */
body.databyte-theme.theme-premium-light {
  --db-bg: var(--premium-bg);
  --db-bg-mesh: var(--premium-bg-subtle);
  --db-card: var(--premium-surface);
  --db-card-border: 1px solid var(--premium-border);
  --db-card-hover: var(--premium-bg-subtle);
  --db-border: var(--premium-border);
  --db-text: var(--premium-text);
  --db-text-muted: var(--premium-text-secondary);
  --db-accent: var(--premium-accent);
  --db-accent-hover: var(--premium-accent-hover);
  --db-accent-gradient: linear-gradient(to right, var(--premium-accent), #0056b3);
  --db-radius: var(--premium-radius);
  --db-radius-sm: var(--premium-radius-sm);
  --db-radius-btn: var(--premium-radius-btn);
  --db-shadow: var(--premium-shadow-sm);
  --db-shadow-hover: var(--premium-shadow);
  font-family: var(--premium-font-sans);
  background: var(--premium-bg);
  color: var(--premium-text);
}