/* ---------------------------------------------------
    ASOY – värit
    Kaikki sovelluksen omat värit määritellään tässä.
    Arvot vastaavat toistaiseksi aiempia kovakoodattuja värejä,
    joten tiedoston käyttöönotto ei muuta ulkoasua.
----------------------------------------------------- */
:root {
	/* Brändi */
	--asoy-nav:           #1F4E66;   /* valikko ja hero-kortit (tasainen, ei gradienttia) */
	--asoy-nav-dark:      #173D50;
	--asoy-brand:         #0076A5;   /* korostus: linkit, painikkeet, reunaviivat */
	--asoy-brand-dark:    #005a80;   /* hover, tumma korostus */
	--asoy-brand-accent:  #009AC8;   /* kortin reunaviiva */
	--asoy-brand-soft:    rgba(0, 118, 165, 0.06);  /* kentän focus-tausta */

	/* Tunnusluvut (hallinta) */
	--asoy-income-bg:     #e3f1f9;
	--asoy-expense-bg:    #fff4e5;
	--asoy-balance-bg:    #eef2f6;

	/* Tila */
	--asoy-danger:        #dc3545;   /* erääntyneet, hälytykset */
	--asoy-open-bg:       #e3f1f9;   /* Avoin-merkki */
	--asoy-open-text:     #005a80;
	--asoy-paid-bg:       #d1fae5;   /* Maksettu-merkki */
	--asoy-paid-text:     #065f46;
	--asoy-expense:       #e8890c;   /* menot (kortti, kaavio) */
	--asoy-positive:      #198754;   /* positiivinen erotus, suhdeviiva */
	--asoy-help-lit:      var(--asoy-brand);   /* ohje-lamppu päällä */
	--asoy-help-lit-hover:var(--asoy-brand-dark);

	/* Pinnat ja teksti */
	--asoy-page-bg:       #fafafa;
	--asoy-footer-bg:     #f1f3f5;
	--asoy-border:        #dee2e6;
	--asoy-text:          #1a1a1a;
	--asoy-text-body:     #495057;
	--asoy-text-muted:    #555b61;
	--asoy-link-icon:     #8a9096;
	--asoy-icon:          #6b7c8a;   /* otsikoiden ja pikalinkkien ikonit */
}