/**
 * COSSELIE — tokens ταυτότητας.
 * Πηγή: οδηγός ταυτότητας (Tria). Τα χρώματα του Blocksy αντιστοιχίζονται εδώ,
 * ώστε η ταυτότητα να ζει στον κώδικα (με ιστορικό αλλαγών) και όχι στον Customizer.
 */

@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-latin.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-greek.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0370-03FF;
}

/* Μόνο για αγγλικούς τίτλους, τιμές και λέξεις-σήμα (όπως ορίζει η ταυτότητα). */
@font-face {
	font-family: "Archivo Expanded";
	src: url("../fonts/archivo-expanded.woff2") format("woff2");
	font-weight: 600 800;
	font-style: normal;
	font-display: swap;
}

:root:root {
	/* Βασικά */
	--csl-black: #000000;
	--csl-white: #ffffff;
	--csl-paper: #FBFAF8;
	--csl-sand: #EFEBE4;
	--csl-line: #E7E3DC;
	--csl-ink-2: #3D3D3D;
	--csl-muted: #5B5B5B;

	/* Τονισμοί — μόνο για ενέργειες και σημεία ενδιαφέροντος. Πάνω τους πάντα μαύρο κείμενο. */
	--csl-orange: #FF7600;
	--csl-lime: #E2FF00;
	--csl-green: #9DFF00;
	--csl-lime-soft: #F9FFCB;
	--csl-peach: #FFE6D5;
	--csl-red: #FF0031;
	--csl-ok: #2E7D32;
	--csl-gradient-lime: linear-gradient(160deg, #9DFF00 0%, #E2FF00 100%);
	--csl-gradient-sun: linear-gradient(180deg, #FF7600 0%, #E2FF00 100%);

	/* Σχήμα */
	--csl-radius-s: 10px;
	--csl-radius: 12px;
	--csl-radius-l: 16px;
	--csl-tap: 44px;

	/* Τυπογραφία */
	--csl-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--csl-font-display: "Archivo Expanded", "Inter", system-ui, sans-serif;

	/* Αντιστοίχιση στην παλέτα του Blocksy */
	--theme-palette-color-1: #000000; /* κουμπιά, σύνδεσμοι */
	--theme-palette-color-2: #3D3D3D; /* hover */
	--theme-palette-color-3: #3D3D3D; /* κείμενο */
	--theme-palette-color-4: #000000; /* επικεφαλίδες */
	--theme-palette-color-5: #E7E3DC; /* γραμμές */
	--theme-palette-color-6: #EFEBE4; /* απαλό φόντο */
	--theme-palette-color-7: #FBFAF8; /* φόντο σελίδας */
	--theme-palette-color-8: #FFFFFF; /* κάρτες */
	--theme-font-family: var(--csl-font);
	--theme-button-border-radius: var(--csl-radius);
	--theme-button-min-height: 48px;
	--theme-button-font-weight: 600;
}