/* Plancia Sicura · 03 Umanista ocra. Cerchio Home resta Anche Casa. */

:root {
  --brand-primary: #14485B;
  --ocra-chiara: #C4A35A;
  --ocra: #B08A3A;
  --petrolio: #14485B;
  --petrolio-scuro: #0E475B;
  --carta: #F4F1EA;
  --anchecasa-navy: #2A3C54;
  --bg-app: #F4F1EA;
  --bg-rail: #F4F1EA;
  --card-surface: #F4F1EA;
  --card-surface-pure: #F4F1EA;
  --card-radius: 12px;
  --card-shadow: 0 1px 0 rgba(20, 72, 91, 0.05);
  --card-border: 1px solid var(--line);
  --card-pad: 0;
  --card-air: 14px;
  --text-main: #14485B;
  --text-navy: #14485B;
  --text-muted: #5A727A;
  --text-inactive: #14485B;
  --rail-active-indicator: #14485B;
  --rail-active-bg: #E8DFD0;
  --rail-hover-bg: rgba(20, 72, 91, 0.08);
  --line: #E0D6C8;
  --ok: #2F6A4E;
  --warn: #B08A3A;
  --bad: #7A1F28;
  --glass: rgba(247, 244, 238, 0.88);
  --head: 76px;
  --railw: 92px;
  --shell-gutter: var(--card-air);
  --logo-h: 54px;
  --home-size: 58px;
  --home-icon: 34px;
  --marca-fill: #F4F1EA;
  --home-fill: #F4F1EA;
  --home-line: 1px solid #D4CDC3;
  --home-shadow:
    inset 0 2px 3px rgba(255, 255, 255, 0.5),
    inset 0 -5px 8px rgba(26, 36, 50, 0.12),
    0 2px 5px rgba(26, 36, 50, 0.12);
  --home-shadow-press:
    inset 0 2px 5px rgba(26, 36, 50, 0.22),
    0 1px 2px rgba(26, 36, 50, 0.12);
  --home-sheen: none;
  --focus-ring: #14485B;
  --ico-stroke: 1.7;

  --btn-size: 57px;
  --btn-ico: 32px;
  --btn-radius: 10px;
  --btn-label: 600 9px/1.05 "Segoe UI", sans-serif;
  --btn-segno-w: 18px;
  --btn-segno-h: 2px;
  --btn-gap: 6px;
  --btn-line: 1px solid var(--line);
  --btn-size-top: 48px;
  --btn-ico-top: 26px;
  --btn-label-top: 600 8px/1.05 "Segoe UI", sans-serif;
  --btn-radius-top: 9px;

  --navy: var(--text-navy);
  --navy-soft: var(--text-inactive);
  --orange: var(--brand-primary);
  --bg: var(--bg-app);
  --rail: var(--bg-rail);
  --paper: var(--card-surface);
  --ink: var(--text-main);
  --mute: var(--text-muted);
}