/* HD Direkt — Color tokens
   Palette derived from the master brand logo files:
   primary orange #F68215, deep orange #E95313, monochrome ink/white.
   Base scales first, then semantic aliases. */
:root {
  /* ---- Brand orange ---- */
  --hd-orange-50:  #FFF3E9;
  --hd-orange-100: #FFE1C7;
  --hd-orange-200: #FDC48C;
  --hd-orange-300: #FBA451;
  --hd-orange-400: #F89030;
  --hd-orange-500: #F68215; /* PRIMARY — from logo master files */
  --hd-orange-600: #E95313; /* DEEP — gradient end / press state */
  --hd-orange-700: #C33F0E;
  --hd-orange-800: #8F2E0B;

  /* ---- Ink & warm neutrals ---- */
  --hd-ink:      #1C1B1A;  /* logo black */
  --hd-white:    #FFFFFF;
  --hd-gray-25:  #FBFAF9;
  --hd-gray-50:  #F6F5F3;
  --hd-gray-100: #EDEBE8;
  --hd-gray-200: #E0DDD8;
  --hd-gray-300: #CBC7C0;
  --hd-gray-400: #A8A29A;
  --hd-gray-500: #847E75;
  --hd-gray-600: #635E57;
  --hd-gray-700: #47443F;
  --hd-gray-800: #2C2A27;
  --hd-gray-900: #1C1B1A;

  /* ---- Semantic status ---- */
  --hd-success:    #2E9E5B;
  --hd-success-bg: #E6F5EC;
  --hd-warning:    #E5A317;
  --hd-warning-bg: #FCF2DA;
  --hd-error:      #D64541;
  --hd-error-bg:   #FBEAE9;
  --hd-info:       #2D74C4;
  --hd-info-bg:    #E7F0FA;

  /* ---- Semantic aliases ---- */
  --color-primary:          var(--hd-orange-500);
  --color-primary-hover:    var(--hd-orange-600);
  --color-primary-active:   var(--hd-orange-700);
  --color-primary-contrast: #FFFFFF;
  --color-primary-tint:     var(--hd-orange-50);

  --text-strong:  var(--hd-ink);
  --text-body:    var(--hd-gray-800);
  --text-muted:   var(--hd-gray-500);
  --text-on-brand:#FFFFFF;
  --text-on-dark: #F6F5F3;

  --surface-page:    var(--hd-gray-50);
  --surface-card:    #FFFFFF;
  --surface-sunken:  var(--hd-gray-100);
  --surface-inverse: var(--hd-ink);

  --border-subtle:  var(--hd-gray-200);
  --border-default: var(--hd-gray-300);
  --border-strong:  var(--hd-gray-400);

  --focus-ring: var(--hd-orange-500);
  --link:       var(--hd-orange-600);
  --link-hover: var(--hd-orange-700);

  --gradient-brand: linear-gradient(96deg, var(--hd-orange-500) 0%, var(--hd-orange-600) 100%);
  --gradient-brand-soft: linear-gradient(160deg, var(--hd-orange-50) 0%, #FFFFFF 70%);
}