/*
 * OnlineLab — μεταβλητές από την Προσαρμογή.
 *
 * ΠΡΟΣΟΧΗ: πρότυπο. Το θέμα αντικαθιστά τα {{...}} με τις τιμές της
 * Προσαρμογής και γράφει το αποτέλεσμα στο uploads/onlinelab/variables.css.
 * Μην αλλάζετε αυτό το αρχείο· οι τιμές αλλάζουν από Εμφάνιση → Προσαρμογή.
 */

:root {
	/* Χρώματα */
	--ol-color-primary: #660066;
	--ol-color-secondary: #ff6600;
	--ol-color-button-text: #ffffff;
	--ol-color-background: #f7f7f7;
	--ol-color-surface: #ffffff;
	--ol-color-text: #222222;
	--ol-color-muted: #6b6b6b;
	--ol-color-border: #e6e6e6;
	--ol-color-header-bg: #ffffff;
	--ol-color-sidebar-bg: #ffffff;
	--ol-color-footer-bg: #ffffff;

	/* Τυπογραφία */
	--ol-font-size-base: 16px;
	--ol-font-size-h1: 36px;
	--ol-font-size-h2: 28px;
	--ol-font-size-h3: 22px;
	--ol-line-height: 1.6;

	/* Διάταξη */
	--ol-content-max-width: 1200px;
	--ol-header-height: 72px;
	--ol-logo-max-height: 48px;
	--ol-box-radius: 12px;
	--ol-button-radius: 100px;
	--ol-shadow-opacity: 0.06;
	--ol-sidebar-width-open: 260px;
	--ol-widgets-width: 320px;
	--ol-sidebar-width-closed: 120px;

	/* Λεπτομέρειες σχεδίου */
	--ol-border-width: 2px;
	--ol-button-border-width: 2px;
	--ol-accent-border-width: 4px;
	--ol-input-radius: 12px;
	--ol-nav-item-radius: 12px;
	--ol-box-padding: 28px;
	--ol-layout-gap: 20px;
	--ol-button-height: 44px;
	--ol-button-padding-x: 20px;
	--ol-shadow-blur: 14px;
	--ol-shadow-offset-y: 2px;
	--ol-tint-hover: 9%;
	--ol-tint-active: 16%;
	--ol-weight-text: 400;
	--ol-weight-headings: 700;
	--ol-weight-subheadings: 500;
	--ol-weight-buttons: 500;
	--ol-weight-menu: 500;
}