@charset "UTF-8";
/**
 * JAK Designsystem – delade tokens (single source of truth)
 *
 * Emitterar designsystemets tokens som CSS-custom-properties på :root. Värdena
 * HÄRLEDS från _variables.scss via Sass-interpolation, så admin (SCSS-$vars
 * kompilerade till literala hex i jak-components.css) och frontend (var(--jak-*))
 * aldrig kan drifta isär – en sanning, två konsumtionssätt.
 *
 * Varför interpolation och inte "$jak-accent: var(--jak-accent)"? jak-core kör
 * Sass-färgfunktioner på tokens (rgba($jak-accent, .3), color.adjust(...)) som
 * INTE accepterar en var()-sträng. Att härleda :root från $-vars behåller den
 * matematiken intakt och ger ändå single source of truth.
 *
 * Laddas i BÅDE admin och frontend via class-jak-core-components.php (handle
 * 'jak-tokens', prio 1). Bygg: `npm run build-css` i jak-core/.
 * REDIGERA INTE den kompilerade assets/css/jak-tokens.css för hand.
 */
/**
 * JAK Mailer - SCSS Variables
 * WordPress admin color palette and design tokens
 */
:root {
  /* Identitet / accent */
  --jak-accent: #027da3;
  --jak-accent-hover: #016684;
  --jak-accent-light: #129ac4;
  --jak-accent-dark: #0a6a85;
  --jak-accent-surface: #e7f5f9;
  --jak-accent-border: #bfe3ec;
  /* Knapp-recept (admin: ljus fyllning #129ac4 / mörk hover #027da3) */
  --jak-button-primary: #129ac4;
  --jak-button-primary-hover: #027da3;
  /* Text */
  --jak-text: #23282d;
  --jak-text-light: #6c757d;
  --jak-text-strong: #1f2733;
  --jak-text-soft: #475467;
  --jak-text-muted: #667085;
  /* Ytor / ramar */
  --jak-surface: #ffffff;
  --jak-secondary: #f0f0f1;
  --jak-border: #ccd0d4;
  --jak-border-soft: #e3e7ec;
  /* Semantiska */
  --jak-success: #00a32a;
  --jak-warning: #ffc107;
  --jak-danger: #dc3545;
  --jak-info: #17a2b8;
  /* Spacing */
  --jak-space-xs: 4px;
  --jak-space-sm: 8px;
  --jak-space-md: 12px;
  --jak-space-lg: 16px;
  --jak-space-xl: 20px;
  --jak-space-xxl: 24px;
  /* Radie / skugga */
  --jak-radius: 3px;
  --jak-radius-lg: 8px;
  --jak-radius-card: 14px;
  --jak-shadow-card: 0 1px 3px rgba(16, 24, 40, 0.06);
  /* Typografi (--jak-font konsumeras i Fas 2 när Inter laddas) */
  --jak-font: Inter;
  --jak-font-size-sm: 12px;
  --jak-font-size-base: 13px;
  --jak-font-size-lg: 14px;
}