/* Coop Grafisk Profil - Färgschema */

/* === PRIMÄRFÄRGER (GRÖNT TEMA) === */
:root {
    /* Primära gröna färger */
    --coop-primary-green: #00aa46;     /* RGB 0,170,70 - Huvudfärg */
--coop-dark-green: #005537;        /* RGB 0,85,55 - Mörk grön */
    --coop-light-green: #aad23c;       /* RGB 170,210,60 - Ljus grön */
    --coop-white: #ffffff;             /* Standard bakgrund */
    
    /* Bakgrundsfärger */
    --coop-bg-light-green: #e0f2d2;    /* Ljusgrön (digitalt) */
    --coop-bg-light: #ededed; /* Ljus bakgrund */
  --coop-bg-light-alt: #f5f5f5;      /* Alternativ ljus bakgrund */
    --coop-bg-brown: #301301;          /* Butiksfasader */
    --coop-bg-yellow: #edf0b9;         /* Används i DR */
    
    /* Digitala tilläggsfärger */
    --coop-digital-light-yellow: #fffbdb;  /* Ljusgul */
    --coop-digital-light-pink: #ffeaf3;    /* Ljusrosa */
    --coop-warning-red: #ff6565;/* Röd för varningar */
    --coop-text-base: #333333;      /* Bastext */
    
    /* Accentfärger (endast för priskommunikation/splashar) */
    --coop-accent-pink: #dd93b3;       /* Rosa - ENDAST för priser */
    --coop-accent-red: #ff3300;/* Röd - ENDAST för priser */
    --coop-accent-yellow: #fff000;     /* Gul - ENDAST för priser */
}

/* === FÄRGKLASSER FÖR KOMPONENTER === */

/* Primära knappar */
.coop-btn-primary {
    background-color: var(--coop-primary-green) !important;
    border-color: var(--coop-primary-green) !important;
    color: var(--coop-white) !important;
}

.coop-btn-primary:hover,
.coop-btn-primary:focus {
 background-color: var(--coop-dark-green) !important;
    border-color: var(--coop-dark-green) !important;
}

/* Varningsknappar */
.coop-btn-warning {
    background-color: var(--coop-warning-red) !important;
    border-color: var(--coop-warning-red) !important;
    color: var(--coop-white) !important;
}

/* Success-kort (grön bakgrund) */
.coop-card-success {
    background: var(--coop-bg-light-green);
    border-left: 4px solid var(--coop-primary-green);
    color: var(--coop-text-base);
}

/* Varningskort */
.coop-card-warning {
    background: var(--coop-digital-light-yellow);
    border-left: 4px solid var(--coop-warning-red);
    color: var(--coop-text-base);
}

/* Info-kort */
.coop-card-info {
    background: var(--coop-bg-light-green);
    border-left: 4px solid var(--coop-primary-green);
    color: var(--coop-text-base);
}

/* Rubriker - ska vara gröna */
.coop-heading-primary {
    color: var(--coop-primary-green);
}

.coop-heading-dark {
    color: var(--coop-dark-green);
}

/* Text */
.coop-text-base {
    color: var(--coop-text-base);
}

.coop-text-success {
  color: var(--coop-primary-green);
}

.coop-text-warning {
    color: var(--coop-warning-red);
}

/* Ikoner */
.coop-icon-primary {
    color: var(--coop-primary-green);
}

.coop-icon-dark {
    color: var(--coop-dark-green);
}

.coop-icon-warning {
    color: var(--coop-warning-red);
}

/* Bakgrunder */
.coop-bg-light {
    background-color: var(--coop-bg-light);
}

.coop-bg-light-alt {
    background-color: var(--coop-bg-light-alt);
}

.coop-bg-white {
    background-color: var(--coop-white);
}

/* === UTILITY CLASSES === */

/* Borders */
.coop-border-primary {
    border-color: var(--coop-primary-green) !important;
}

.coop-border-dark {
    border-color: var(--coop-dark-green) !important;
}

.coop-border-warning {
  border-color: var(--coop-warning-red) !important;
}

/* === SPECIFIKA KOMPONENTER === */

/* Custom green button (för specifik användning) */
.custom-green-btn {
    background-color: var(--coop-primary-green) !important;
    border-color: var(--coop-primary-green) !important;
    color: var(--coop-white) !important;
}

.custom-green-btn:hover,
.custom-green-btn:focus {
    background-color: var(--coop-dark-green) !important;
    border-color: var(--coop-dark-green) !important;
}

.custom-green-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Radzen overrides för Coop-färger */
.rz-button-primary {
    background-color: var(--coop-primary-green) !important;
 border-color: var(--coop-primary-green) !important;
}

.rz-button-primary:hover {
    background-color: var(--coop-dark-green) !important;
 border-color: var(--coop-dark-green) !important;
}

/* === ANTECKNINGAR === */
/*
VIKTIGA REGLER FÖR ANVÄNDNING:
1. Kommunikationen ska huvudsakligen utformas mot vit bakgrund med gröna designelement
2. Rubriker skrivs i gröna färger (primary/dark green)
3. Accentfärger (pink, red, yellow) används ENDAST för priskommunikation
4. Text får ALDRIG skrivas i accentfärger (utom priskommunikation)
5. Ljusgrön bakgrundsfärg får användas som bas i textrutor, aldrig som textfärg mot vit bakgrund
6. Använd aldrig gradienter - färgerna ska vara rena
7. Säkerställ alltid god läsbarhet och kontrast
8. Vit text fungerar bra mot gröna huvudfärger
9. Svart brödtext fungerar INTE mot mörkgrön bakgrund
*/