/* 
########################################
## MAKE IT COLORFUL ###
########################################

IMPORTANT:  Before making any changes, make a backup (duplicate this file and save it with current date. e.g. issue_colors_v20220507.css)

Define issue colors here, best as Hex (#XXXXXX), 
for text try to use a  darker shade/tint color of its type 

you can also define category colors (schwerpunkt, debatte) by using the slug (see url) or page colors
e.g. category_natur or category_kindheit

## Choose Colors here
I recommend to use e.g. this tool for color selection: 
https://color.adobe.com/create/color-wheel
--> refresh the page multiple times and you might be lucky to find a matching trending color
--> choose/set/define a base color in the middle and then choose complimentary on the left to get darker text colors (mostly the first on the left)

you might define same colors for schwerpunkt and issue id,
(e.g. .issue_id_47, .category_kindheit { ... }) but you could also seperate them.

*/

/* 
########################################
#### CATEGORY, PAGES, ANNOUNCMENT, COLOR #### */
.category_themenplus, .parent_category_themenplus { /* category_themenplus */
  --issueColor: #D9D5CE;
  --issueColorText: #999691;
}
.category_debatte, .parent_category_debatte { /* category_debatte */
  --issueColor: #E1E1E9;
  --issueColorText: #A3A3A8;
}
.page_announcments { /* announcments & announcment color */
  --issueColor: #F5716E;
  --issueColorText: #B55351;
}
.page_color_fallback { /* all other pages like about */
  --issueColor: #e2d6cc;
  --issueColorText: #5E594F;
}
.page_color_search {
  --issueColor: #DDDEE3;
  --issueColorText: #9E9FA3;
}

/* 
########################################
#### ISSUE COLORS ####  use ID (see url) 
when publishing pre-release/vorabveröffentlichungen, 
make sure to create an issue_id and fill it with the current issue color 
if you have a pre-release/vorabveröffentlichung you can set the issue_id_xx a new color to make it stand out, e.g. gold bg #bfa688 text #9b856b
*/

/* ## EXAMPLE */
.issue_id_xx {
  --issueColor: #efefef; /* issue background fill color */
  --issueColorText: #666; /* if color is light, this should be much darker as it is used for text */
}

/* ## ISSUE COLORS and optional CATEGORY-Child COLORS */

/* Issue Color Fallback, use same colors as for current issue */
.issue_id_fallback, .page_id_fallback { /* should be the same as the current issue */
  --issueColor: #79BAB0;
  --issueColorText: #517D76;
}






/* ## davis  */
.issue_id_54, .category_davis { /* Vorabveröffentlichung Davis, Festung L.A.-Debatte */
  --issueColor: #D2E33C;
  --issueColorText: #97A32A;
}



/* ## autoritärer urbanismus  */
.issue_id_52, .category_widerstand { /* Schwerpunktausgabe Autoritärer Urbanismus, Debatte Widerstand (Zupan et al.) */
  --issueColor: #79BAB0;
  --issueColorText: #517D76;
}


/* ## arbeit  */
.issue_id_51, .category_arbeit { /* Schwerpunktausgabe Arbeit */
  --issueColor: #FA3A16;
  --issueColorText: #BA2A11;
}




/* ## intime Stadt */
.issue_id_50, .category_intim { /* Schwerpunktausgabe intime Stadt */
  --issueColor: #e2d6cc;
  --issueColorText: #5E594F;
}


/* ## vorabveröffentlichung */
.issue_id_49 { /* this is the vorabveröffentlichung, only temporary issue */
  --issueColor: #bfa688;
  --issueColorText: #9b856b;
}


/* ## jubilaeumsausgabe */
.issue_id_48, .category_stadtkritik { /* this is the vorabveröffentlichung now and later the current issue */
  --issueColor: #5779B5;
  --issueColorText: #384F75;
}

/* ## current issue */
.issue_id_47, .category_kindheit, .category_childinthecity { /* kindheit in der stadt */
  --issueColor: #FF0891;
  --issueColorText: #BF066C;
}

/* ## older issues with optional category colors */

.issue_id_46, .category_digitalisierung, .category_covid19, .category_endedesstaedtischen { /* digital */
  --issueColor: #6565FF;
  --issueColorText: #4D4DBF;
}
.issue_id_45, .category_methoden, .category_ostdeutschlandforschung { /* stadt wissen */
  --issueColor: #F1C2C8;
  --issueColorText: #B38F94;
}
.issue_id_43, .category_natur, .category_klimakrise { /* natur */
  --issueColor: #a6ce87;
  --issueColorText: #738F5E;
}
.issue_id_41, .category_neilsmith { /* ohne schwe bd7 */
  --issueColor: #A9D943;
  --issueColorText: #78992F;
}
.issue_id_40, .category_rechteraeume, .category_mitrechtenreden { /* stadt v rechts */
  --issueColor: #F2EB8D;
  --issueColorText: #B3AE68;
}
.issue_id_39, .category_1968, .category_eliten, .category_superreiche { /* stadt v oben */
  --issueColor: #E6442E;
  --issueColorText: #A63121;
}
.issue_id_38, .category_documenta14 { /* ohne schwe bd 6 */
  --issueColor: #F2CB05;
  --issueColorText: #B39504;
}
.issue_id_36, .category_reproduktion, .category_nichtsexistischestadt { /* reproduktion */
  --issueColor: #305ab1;
  --issueColorText: #294D96;
}
.issue_id_35, .category_planung, .category_planungburckhardt { /* planung */
  --issueColor: #9DA89A;
  --issueColorText: #868F83;
}
.issue_id_34, .category_kritischeswissen, .category_basisorga { /* wissensprod */
  --issueColor: #DE4B2A;
  --issueColorText: #9E361E;
}
.issue_id_32, .category_riots { /* riots */
  --issueColor: #54CCAE;
  --issueColorText: #3A8C78;
}
.issue_id_31 { /* o s bd 3 3 */
  --issueColor: #c7abd6;
  --issueColorText: #8C7896;
}
.issue_id_33, .category_gefuehl, .category_raumpoetik { /* gefuehlsraume */
  --issueColor: #FFD401;
  --issueColorText: #E6BF00;
}
.issue_id_30, .category_postkolonialisieren { /* bd 3 1 */
  --issueColor: #A4C5AA;
  --issueColorText: #6E8572;
}
.issue_id_29, .category_migration { /* stadt migration */
  --issueColor: #D5BA83;
  --issueColorText: #96835D;
}
.issue_id_28, .category_polizeiforschung, .category_kritischepolizeiforschung { /* illegalit, poliz */
  --issueColor: #09AFCA;
  --issueColorText: #06788A;
}
.issue_id_26, .category_ant { /* bd 2 1 */
  --issueColor: #FF876C;
  --issueColorText: #BF6550;
}
.issue_id_25, .category_postpolitik { /* postpolit */
  --issueColor: #C0BDD3;
  --issueColorText: #878594;
}
.issue_id_24, .category_sozialebewegungen { /* bd 1 1 */
  --issueColor: #619E5F;
  --issueColorText: #518550;
}



/* ### Other Categories */
.category_wohnungsforschung { 
  --issueColor: #f2ddaa;
  --issueColorText: #B3A27D;
}
.category_femqueer {
  --issueColor: #BC85F2; 
  --issueColorText: #6829A6;
}
.category_bourdieu {
  --issueColor: #FFED24; 
  --issueColorText: #BFB21B;	
}
.category_hastudies {
  --issueColor: #E4ED6C; 
  --issueColorText: #A7AD50;
}
.category_thesensoziologiestadt {
  --issueColor: #F37800; 
  --issueColorText: #D96C00;
}



/* ### Themen+ */
.category_digital { 
  --issueColor: #e81e63;
  --issueColorText: #A81647;
}

.category_feminismus {
  --issueColor: #AD2BC4;
  --issueColorText: #631970;
}

.category_gesundheit {
  --issueColor: #7743D1;
  --issueColorText: #442678;
}

.category_land {
  --issueColor: #485CCF;
  --issueColorText: #293475;
}

.category_lgbtiq {
  --issueColor: #2196f3;
  --issueColorText: #196DB3;
}

.category_methoden {
  --issueColor: #03a9f4;
  --issueColorText: #027CB5;
}

.category_migration {
  --issueColor: #00bcd4;
  --issueColorText: #008394;
}

.category_naturoekologie {
  --issueColor: #009688;
  --issueColorText: #00574E;
}

.category_politoekonomie {
  --issueColor: #4caf50;
  --issueColorText: #307032;
}

.category_planung {
  --issueColor: #8bc34a;
  --issueColorText: #5C8231;
}

.category_postsozialismus {
  --issueColor: #cddc39;
  --issueColorText: #909C28;
}

.category_postkolonialismus {
  --issueColor: #ffeb3b;
  --issueColorText: #BFB12C;
}

.category_rassismus {
  --issueColor: #ffc107;
  --issueColorText: #BF9106;
}

.category_sozialebewegung {
  --issueColor: #ff9800;
  --issueColorText: #BF7300;
}

.category_wohnen {
  --issueColor: #ff5722;
  --issueColorText: #BF4019;
}

.category_notusedcolor {
  --issueColor: #f44336;
  --issueColorText: #B53128;
}


/* ### Page Color use page slug (see url) */

.page_slug_xxthemaxx {
  --issueColor: #dc2877;
  --issueColorText: #9C8E6D;
}

