/*
    Created on : 13.03.2026, 20:50:00
    Author     : Carlos Mrosek
    Style      : metallic blue
*/

:root {
  --color-primary: #3878a7;
  --color-primary-hover: #3878a7;
  --color-primary-border: #3878a7;
  --color-primary-dark: #3878a7;
  --color-on-primary: #ffffff;
  --color-link-hover: #3878a7;

  --color-primary-rgb: 56, 120, 167;
  --color-primary-hover-rgb: 56, 120, 167;
  --color-primary-border-rgb: 56, 120, 167;
  --color-primary-dark-rgb: 56, 120, 167;

  --color-focus-ring: rgba(56, 120, 167, 0.22);
  --color-focus-ring-soft: rgba(56, 120, 167, 0.18);
  --color-border-soft: rgba(56, 120, 167, 0.22);
  --color-border-soft-strong: rgba(56, 120, 167, 0.28);
  --color-bg-soft: rgba(56, 120, 167, 0.06);
  --color-bg-soft-strong: rgba(56, 120, 167, 0.12);
  --color-text-soft: rgba(56, 120, 167, 0.58);
  --color-text-disabled: rgba(56, 120, 167, 0.45);

  --color-gradient-light: linear-gradient(180deg, rgba(56,120,167,1) 0%, rgba(56,120,167,0) 40%);
  --color-gradient-dark: linear-gradient(180deg, rgba(56,120,167,1) 0%, rgba(0,0,0,1) 100%);
  --color-shadow-layer: 0 2px 20px 0 rgba(56,120,167,0.5);
}