/*! -----------------------------------------------------------------------------

	v1.0.0

	This template's CSS is coded with SASS (http://sass-lang.com/).
	It is not recommended to make changes to core CSS files (assets/scss and assets/css),
	because that will make it much harded to update the template in the future.
	Use this file (style.css) to add your CSS overrides instead.

	SASS source files can be found in assets/scss folder.
	However, the proper way to examine the site's CSS is to use
	object inspector tool of your browser.

----------------------------------------------------------------------------- */

/* Google Fonts import URL */
@import url( 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap' );

/* Primary font */
body, input, textarea, select, button { font-family: 'Inter', Arial, sans-serif; }
html, body { font-size: 16px; }

/* Set logo dimensions */
.header-logo { max-width: 245px; }

/* Fancy link hover effect
either add "fancy-link" or "fancy-link2" class to a text link where you want to use a fancy underline effect, or use these CSS definitions for your custom class */

	/*  No initial underline */
	.fancy-link { text-decoration: none; box-shadow: 0 0 0 0 #ff007c; }
	.fancy-link:hover { text-decoration: none; box-shadow: 0 2px 0 0 #ff007c; }
	.fancy-link:active { box-shadow: 0 1px 0 0 #ff007c; }

	/*  With initial underline */
	.fancy-link2 { text-decoration: none; box-shadow: 0 1px 0 0 #ff007c; }
	.fancy-link2:hover { text-decoration: none; box-shadow: 0 2px 0 0 #ff007c; }
	.fancy-link2:active { box-shadow: 0 1px 0 0 #ff007c; }

/* Add your own CSS or overrides after this comment */

/* Definirea tokenurilor de brand global */
:root {
    /* =========================================
       1. CULORI (Color Palette)
       ========================================= */
    /* Culori principale de brand */
    --color-primary: #004B87;      /* Albastru instituțional */
    --color-secondary: #FFB81C;    /* Auriu/Galben pentru accente */
    
    /* Culori pentru text */
    --color-text-main: #333333;    /* Text principal (aproape negru, pentru contrast bun) */
    --color-text-muted: #666666;   /* Text secundar (date, metadate) */
    
    /* Culori de fundal și suprafețe */
    --color-bg-body: #F8F9FA;      /* Fundalul general al paginii */
    --color-surface: #FFFFFF;      /* Fundal pentru carduri, module, formulare */
    
    /* Culori de stare (Feedback) */
    --color-success: #198754;      /* Acțiuni reușite */
    --color-danger: #DC3545;       /* Erori / Alerte (ex: taxe neplătite) */
    --color-info: #0dcaf0;         /* Informări generale */

    /* =========================================
       2. TIPOGRAFIE (Typography)
       ========================================= */
    /* Familii de fonturi */
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif; /* Pentru text normal */
    --font-serif: 'Merriweather', Georgia, serif;               /* Pentru titluri oficiale */
    
    /* Scala dimensiunilor (Modular Scale) */
    --text-xs: 0.75rem;    /* 12px */
    --text-sm: 0.875rem;   /* 14px */
    --text-base: 1rem;     /* 16px - Baza */
    --text-lg: 1.125rem;   /* 18px */
    --text-xl: 1.25rem;    /* 20px */
    --text-2xl: 1.5rem;    /* 24px */
    --text-3xl: 1.875rem;  /* 30px */

    /* =========================================
       3. SPAȚIERE (Spacing / Layout)
       ========================================= */
    --space-1: 0.25rem;    /* 4px */
    --space-2: 0.5rem;     /* 8px */
    --space-3: 1rem;       /* 16px */
    --space-4: 1.5rem;     /* 24px */
    --space-5: 2rem;       /* 32px */
    --space-6: 3rem;       /* 48px */

    /* =========================================
       4. ELEMENTE UI (Borders, Shadows)
       ========================================= */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --shadow-subtle: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-card: 0 4px 6px rgba(0, 0, 0, 0.1);
}


/* Reset și stiluri de bază */
body {
    background-color: var(--color-bg-body);
    color: var(--color-text-main);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* Titluri oficiale */
h1, h2, h3 {
    font-family: var(--font-serif);
    color: var(--color-primary);
    margin-bottom: var(--space-3);
}

/* Exemplu: Un buton pentru Servicii Publice */
.btn-primary {
    background-color: var(--color-primary);
    color: var(--color-surface); /* Folosim albul suprafețelor pentru text */
    font-family: var(--font-sans);
    font-size: var(--text-base);
    padding: var(--space-2) var(--space-4);
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.btn-primary:hover {
    /* Aici poți hardcoda o nuanță mai închisă sau poți defini un token precum --color-primary-dark */
    background-color: #003366; 
}

/* Exemplu: Card pentru Hotărâri de Consiliu sau Știri */
.document-card {
    background-color: var(--color-surface);
    padding: var(--space-4);
    margin-bottom: var(--space-4);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-subtle);
    border-left: 4px solid var(--color-primary); /* Accent de brand */
}

.document-card .date {
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    margin-bottom: var(--space-2);
}

/* Exemplu: Mesaj de alertă (Avertizare mentenanță) */
.alert-box {
    background-color: var(--color-surface);
    color: var(--color-danger);
    padding: var(--space-3);
    border: 1px solid var(--color-danger);
    border-radius: var(--radius-sm);
}