/**
 * ==================================================
 * Lyrics71 Color System
 * ==================================================
 *
 * Central color tokens for the Lyrics71 theme.
 *
 * This file contains variables only.
 * Components should consume these variables rather
 * than hard-coding content-specific colors.
 */


/* ==================================================
   Root Colors
   ================================================== */

:root {

	/* ----------------------------------------------
	   Primary
	   ---------------------------------------------- */

	--lyrics71-color-primary: #bf1f2b;


	/* ----------------------------------------------
	   Content Types
	   ---------------------------------------------- */

	--lyrics71-color-lyrics: #bf1f2b;
	--lyrics71-color-album: #ff9800;
	--lyrics71-color-artist: #bf1f2b;
	--lyrics71-color-search: #7C3AED;
	--lyrics71-color-theme: #009688;
	--lyrics71-color-genre: #3f51b5;


	/* ----------------------------------------------
	   Related Component Borders
	   ---------------------------------------------- */

	--lyrics71-border-album-related: #fae1ca;
	--lyrics71-border-artist-related: #ffd8da;
	--lyrics71-border-lyrics-related: #ffd8da;


	/* ----------------------------------------------
	   Neutral UI
	   ---------------------------------------------- */

	--lyrics71-color-white: #ffffff;
	--lyrics71-color-text: #333333;
	--lyrics71-color-muted: #777777;
	--lyrics71-color-border: #eeeeee;
	--lyrics71-color-background: #ffffff;

    /* ----------------------------------------------
       Hub Accents
       ---------------------------------------------- */
    
    --lyrics71-color-hub-artist: #7b3ff2;
    --lyrics71-color-hub-theme: #009688;
    --lyrics71-color-hub-genre: #3f51b5;
}

/* ==================================================
   Hub Accent Context
   ================================================== */

.lyrics71-hub-accent-artist {
	--page-accent: var(--lyrics71-color-hub-artist);
}

.lyrics71-hub-accent-theme {
	--page-accent: var(--lyrics71-color-hub-theme);
}

.lyrics71-hub-accent-genre {
	--page-accent: var(--lyrics71-color-hub-genre);
}