/*
 * Cleverics2026 — color scheme: Cleverics (default)
 *
 * Loaded after template.css and only defines the color design tokens.
 * template.css keeps the non-color tokens (layout, typography, spacing).
 * To add another scheme: copy this file, rename the copy, adjust the colors
 * and register it in joomla.asset.json + templateDetails.xml.
 */

:root {
  --cl-color-accent: #f57f25;
  --cl-color-dark: #282a35;
  --cl-color-light: #e5e5e5;
  --cl-color-white: #fff;
  --cl-color-text: #282a35;
  --cl-color-muted: #717073;
  --cl-color-border: #e2e1dd;
  --cl-color-surface: #fff;

  /* Extended palette (the three key colours above must not be changed) */
  --cl-color-accent-text: #d96a12;
  --cl-color-accent-dark: #e55302;
  --cl-color-accent-soft: #fef1e7;
  --cl-color-dark-soft: #343645;
  --cl-color-dark-deep: #1f212a;
  --cl-color-surface-alt: #f5f6f8;
  --cl-color-surface-strong: #eceef1;

  /* Translucent whites for content on dark backgrounds */
  --cl-color-white-70: rgb(255 255 255 / 72%);
  --cl-color-white-55: rgb(255 255 255 / 55%);
  --cl-color-white-50: rgb(255 255 255 / 50%);
  --cl-color-white-25: rgb(255 255 255 / 25%);
  --cl-color-white-15: rgb(255 255 255 / 15%);
  --cl-color-white-12: rgb(255 255 255 / 12%);
  --cl-color-white-08: rgb(255 255 255 / 8%);
  --cl-color-white-05: rgb(255 255 255 / 5%);

  /* RGB triplets for alpha-based colors used by shadows and focus rings */
  --cl-color-accent-rgb: 245 127 37;
  --cl-color-dark-rgb: 40 42 53;

  /* Overlays applied on top of the full-width section backgrounds */
  --cl-cta-overlay: linear-gradient(90deg, rgb(89 92 112 / 92%) 0%, rgb(47 49 65 / 70%) 100%);
  --cl-footer-overlay: linear-gradient(rgb(40 42 53 / 90%), rgb(40 42 53 / 90%));
  --cl-footer-menu-overlay: linear-gradient(rgb(40 42 53 / 88%), rgb(40 42 53 / 88%));
  --cl-hero-overlay: linear-gradient(90deg, rgb(47 49 65 / 96%) 0%, rgb(47 49 65 / 84%) 56%, rgb(47 49 65 / 52%) 100%);
}