/* ============================================
   JJ Brevpapir Generator - Design Variables
   Version 1.0
   
   REDIGER DENNE FIL FOR AT ÆNDRE FARVER OG DESIGN
   ============================================ */

:root {
    /* ===== PRIMÆR FARVE ===== */
    /* Ændr disse for at skifte tema */
    --jj-primary: #4CAF50;           /* Hovedfarve (knapper, links, fokus) */
    --jj-primary-dark: #43A047;      /* Mørkere variant (hover states) */
    --jj-primary-light: #C8E6C9;     /* Lysere variant (badges, baggrunde) */
    --jj-primary-bg: #E8F5E9;        /* Meget lys baggrund */
    --jj-primary-rgb: 76, 175, 80;   /* RGB værdier til rgba() */
    
    /* ===== TEKST FARVER ===== */
    --jj-text-dark: #1f2937;         /* Primær tekst */
    --jj-text-gray: #6b7280;         /* Sekundær tekst */
    --jj-text-light: #9ca3af;        /* Placeholder tekst */
    
    /* ===== BAGGRUND OG BORDER ===== */
    --jj-bg-light: #f8fafc;          /* Lys baggrund */
    --jj-bg-page: #f3f4f6;           /* Side baggrund */
    --jj-white: #ffffff;             /* Hvid */
    --jj-border: #e5e7eb;            /* Border farve */
    --jj-border-dark: #d1d5db;       /* Mørkere border */
    
    /* ===== FEEDBACK FARVER ===== */
    --jj-success: #16a34a;           /* Succes grøn */
    --jj-success-bg: #f0fdf4;        /* Succes baggrund */
    --jj-success-border: #bbf7d0;    /* Succes border */
    
    --jj-error: #dc2626;             /* Fejl rød */
    --jj-error-bg: #fef2f2;          /* Fejl baggrund */
    --jj-error-border: #fecaca;      /* Fejl border */
    
    --jj-warning: #d97706;           /* Advarsel orange */
    --jj-warning-bg: #fffbeb;        /* Advarsel baggrund */
    
    --jj-info: #2563eb;              /* Info blå */
    --jj-info-bg: #eff6ff;           /* Info baggrund */
    
    /* ===== SHADOWS OG EFFECTS ===== */
    --jj-shadow: 0 1px 3px rgba(0,0,0,0.08);
    --jj-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --jj-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    
    /* ===== BORDER RADIUS ===== */
    --jj-radius: 8px;
    --jj-radius-sm: 4px;
    --jj-radius-lg: 12px;
    --jj-radius-full: 9999px;
    
    /* ===== TYPOGRAPHY ===== */
    --jj-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --jj-font-size-xs: 0.75rem;      /* 12px */
    --jj-font-size-sm: 0.875rem;     /* 14px */
    --jj-font-size-base: 1rem;       /* 16px */
    --jj-font-size-lg: 1.125rem;     /* 18px */
    --jj-font-size-xl: 1.25rem;      /* 20px */
    --jj-font-size-2xl: 1.5rem;      /* 24px */
    
    /* ===== SPACING ===== */
    --jj-spacing-xs: 4px;
    --jj-spacing-sm: 8px;
    --jj-spacing-md: 16px;
    --jj-spacing-lg: 24px;
    --jj-spacing-xl: 32px;
    --jj-spacing-2xl: 48px;
}