/* =============================================================
   KARTOOSH DESIGN TOKENS  —  extracted from the REAL site
   source: https://www.kartoosh.bet/fr/
           /assets/css/index.D5kJW8ts.css
           /assets/css/Header__platform.CyeCVQ4J.css
           /custom.css?v=2026-09-23
   ============================================================= */

:root {
    /* ---- REAL layout tokens (verbatim from real CSS) ---- */
    --kt-header-height:        56px;   /* --desktop-header-height */
    --kt-nav-height:           36px;   /* --desktop-nav-height */
    --kt-subnav-height:        36px;   /* --desktop-sub-nav-height */
    --kt-betslip-header:       49px;   /* --betslip-header-height */
    --kt-header-margin-bottom: 10px;   /* --desktop-header-margin-bottom */
    --kt-smart-panel-width:    48px;   /* --desktop-smart-panel-width */
    --kt-aside-width:         272px;   /* --desktop-home-page-aside-width */
    --kt-gutter:               8px;   /* --desktop-home-page-gutter */
    --kt-panel-width:         340px;   /* --desktop-dynamic-panel-width */

    /* ---- REAL breakpoints ---- */
    --kt-bp-1: 1358px;                /* --desktop-breakpoint-1 */

    /* ---- REAL border radii (verbatim) ---- */
    --kt-radius:        4px;          /* --border-radius */
    --kt-radius-middle: 8px;          /* --border-radius-middle */
    --kt-radius-big:   16px;          /* --border-radius-big */

    /* ---- REAL spacing scale (verbatim --fds-ref-spacing-*) ---- */
    --kt-sp-4xsmall:  2px;
    --kt-sp-3xsmall:  4px;
    --kt-sp-2xsmall:  6px;
    --kt-sp-xsmall:   8px;
    --kt-sp-small:   10px;
    --kt-sp-medium:  12px;
    --kt-sp-large:   16px;
    --kt-sp-xlarge:  20px;
    --kt-sp-2xlarge: 24px;
    --kt-sp-3xlarge: 28px;
    --kt-sp-4xlarge: 32px;
    --kt-sp-5xlarge: 36px;
    --kt-sp-6xlarge: 40px;
    --kt-sp-7xlarge: 44px;
    --kt-sp-8xlarge: 48px;
    --kt-sp-9xlarge: 56px;
    --kt-sp-10xlarge:64px;
    --kt-sp-11xlarge:80px;

    /* ---- REAL brand colours ----
       source: https://www.kartoosh.bet/pageBuilder/pageBuilderCssConfig.json
       {--b:#18232d, --oc-1:#F8C524, --hero:#F8C524, --oc-2:#F8C524,
        --accent:#aa7f00, --header:#18232d, --menu:#027b5b,
        --tab-navigation:#027b5b}                                  */
      --kt-page-bg:    #18232d;   /* measured: kartoosh body/--b (rgb 24,35,45)     */
      --kt-gold:       #f8c524;   /* --hero / --oc-1  (the real accent)     */
      --kt-accent:     #aa7f00;   /* --accent                               */
      --kt-brand-dark: #18232d;   /* --b / --header                         */
      --kt-menu:       #027b5b;   /* --menu / --tab-navigation (mobile tabs) */
      --kt-age-badge:  #a71f67;   /* ONLY .footerWarningAge 18+ badge       */
      --kt-teal:       #168763;   /* jackpot radial-gradient                */
      --kt-navy:       #18232d;   /* --b : body + header + menu + tabs     */
      --kt-navy-deep:  #0f1720;   /* darker shade of --kt-navy              */
      --kt-navy-2:     #24303a;   /* lighter shade of --kt-navy             */
    --kt-red:        #ff3449;
    --kt-text:       #ffffff;
    --kt-muted:      rgba(255, 255, 255, 0.56);
    --kt-line:       rgba(255, 255, 255, 0.12);
    --kt-surface:    #4a545e;
    --kt-surface-2:  #3a424a;
}

/* ---- page shell ---- */
html, body {
    background: var(--kt-page-bg);
}

/* ---- generic card/button radius to the real 4px default ---- */
.kt-card,
.kt-gtile,
.kt-product,
.kt-combi,
.kt-odds button,
.kt-btn {
    border-radius: var(--kt-radius);
}