/* =========================================================================
   Jednotný vizuální styl státní správy ČR — Design Tokens
   Zdroj: statni-sprava.brandcloud.pro
   ========================================================================= */

:root {
  --ssc-blue:            #00469B;
  --ssc-red:             #D70C0F;
  --ssc-white:           #FFFFFF;

  --ssc-red-dark:        #680526;
  --ssc-red-base:        #D70C0F;
  --ssc-red-light:       #F8C2B9;

  --ssc-blue-dark:       #0C1838;
  --ssc-blue-base:       #00469B;
  --ssc-blue-light:      #9EC8E9;

  --ssc-green-dark:      #00321D;
  --ssc-green-base:      #006538;
  --ssc-green-light:     #B7E5B7;

  --ssc-teal-dark:       #002A2D;
  --ssc-teal-base:       #00998F;
  --ssc-teal-light:      #A1E5E0;

  --ssc-purple-dark:     #271940;
  --ssc-purple-base:     #462E73;
  --ssc-purple-light:    #B1A3CB;

  --ssc-orange-dark:     #471E0A;
  --ssc-orange-base:     #FFAA00;
  --ssc-orange-light:    #FFCF8C;

  --ssc-yellow-base:     #FFDB4C;
  --ssc-yellow-light:    #F7E599;

  --ssc-gray-dark:       #545860;
  --ssc-gray-medium:     #888B95;
  --ssc-gray-base:       #A7A9B4;
  --ssc-gray-light:      #D9DAE4;

  --ssc-gold:            #CBAC28;

  /* Sémantické tokeny */
  --ssc-color-primary:        var(--ssc-blue-base);
  --ssc-color-primary-hover:  var(--ssc-blue-dark);
  --ssc-color-accent:         var(--ssc-red-base);
  --ssc-color-bg:             var(--ssc-white);
  --ssc-color-surface:        var(--ssc-gray-light);
  --ssc-color-text:           var(--ssc-blue-dark);
  --ssc-color-text-invert:    var(--ssc-white);
  --ssc-color-border:         var(--ssc-gray-base);

  /* Typografie */
  --ssc-font-family:          "Czechia Sans", Arial, "Aptos", Helvetica, sans-serif;
  --ssc-font-weight-regular:  400;
  --ssc-font-weight-bold:     700;
  --ssc-line-height-body:     1.2;
  --ssc-line-height-heading:  1.08;
  --ssc-letter-spacing:       0;

  /* Logo */
  --ssc-logo-min-height:       55px;
  --ssc-logo-header-desktop:   64px;
  --ssc-logo-header-mobile:    56px;
}