/* ============================================================================
   Design tokens — reproduce the legacy C&C theme palette + typography exactly.
   (Values lifted from the old assets/cc/css/styles.css + custom.css.)
   ========================================================================== */
:root {
  /* Brand */
  --primary:        #3498db;
  --primary-hover:  #258cd1;
  --primary-border: #2980b9;
  --midnight:       #34495e;
  --midnight-hover: #2b3c4e;
  --midnight-border:#2c3e50;
  --inverse:        #95a5a6;
  --inverse-border: #7f8c8d;
  --accent-green:   #a3c434;

  /* Neutrals / surfaces */
  --text:           #5f7676;   /* body copy */
  --heading:        #313e3e;   /* dark headings / active nav text */
  --muted:          #93a8a8;
  --page-bg:        #ffffff;
  --gray-bg:        #e6eaed;   /* frontend-block.gray-bg */
  --dark-bg:        #1b2121;   /* frontend-block.dark-bg + footer */
  --dark-bg-text:   #dddddd;
  --border:         #dadfe3;
  --border-light:   #e8ecec;

  /* Default (light) button */
  --btn-default-bg:     #ecf0f1;
  --btn-default-text:   #5f7676;
  --btn-default-border: #bdc3c7;

  /* Top utility bar */
  --topbar-bg:     #313e3e;
  --topbar-border: #485a5a;
  --scam:          #d13313;
  --quote:         #258cd1;

  /* Footer */
  --footer-bg:     #1b2121;
  --footer-text:   #5f7676;
  --footer-link:   #afbfbf;

  /* Type */
  --font: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fs-base: 14px;
  --lh-base: 1.42857143;

  /* Layout */
  --radius: 3px;
  --gutter: 15px;
  --shadow-sm: 0 0 2px 0 rgba(0,0,0,0.5);
  --shadow:    0 0 4px 0 rgba(0,0,0,0.75);
}