/*
 * Tokeny projektu ASTA Energy — JEDYNE źródło wartości.
 *
 * Zasada: nowy kod używa nazw `--asta-color-*`, `--asta-radius-*`,
 * `--asta-shadow-*`, `--asta-measure-*`. Nazwy historyczne (`--asta-green`,
 * `--asta-radius`, `--business-*`) są aliasami do tych samych wartości i nie
 * wolno nadawać im nowych, niezależnych wartości.
 *
 * Paleta jest zduplikowana w theme.json (dla edytora Gutenberga) — wartości
 * muszą pozostać identyczne. Zmiana koloru = zmiana w tym pliku i w theme.json.
 */

:root {
  /* Kolory marki */
  --asta-color-green: #47a013;
  --asta-color-green-dark: #356a29;
  --asta-color-green-deep: #367e18;
  --asta-color-green-soft: #edf5e9;
  --asta-color-ink: #1f242c;
  --asta-color-ink-soft: #20262d;
  --asta-color-text: #12230e;
  --asta-color-copy: #566158;
  --asta-color-surface: #f0f4f9;
  --asta-color-surface-green: #f5f8f3;
  --asta-color-border: #e8e8e8;
  --asta-color-border-green: #e1e8df;
  --asta-color-card-border: #e3e9df;
  --asta-color-white: #fff;
  --asta-color-black: #000;

  /* Powierzchnie i gradienty */
  --asta-gradient-green: linear-gradient(140deg, #49a516, #367f19);
  --asta-border-on-dark: rgb(255 255 255 / 24%);
  --asta-input-border-on-dark: rgb(255 255 255 / 65%);

  /* Promienie */
  --asta-radius-xs: 8px;
  --asta-radius-sm: 10px;
  --asta-radius: 12px;
  --asta-radius-md: 16px;
  --asta-radius-pill: 999px;

  /* Cienie */
  --asta-shadow-card: 0 8px 26px rgb(31 36 44 / 5%);
  --asta-shadow-float: 0 18px 48px rgb(24 65 17 / 22%);

  /* Miary */
  --asta-measure-content: 1160px;
  --asta-measure-wide: 1240px;

  /* Aliasy historyczne — jedna wartość, jedna prawda */
  --asta-green: var(--asta-color-green);
  --asta-dark-green: var(--asta-color-green-dark);
  --asta-ink: var(--asta-color-ink);
  --asta-text: var(--asta-color-text);
  --asta-pale: var(--asta-color-surface);
  --asta-border: var(--asta-color-border);
  --asta-radius-pill: 999px;
  --asta-footer-cta-overlap: clamp(120px, 10vw, 150px);
}