@charset "UTF-8";
/* Predikt — jetons de thème (commun aux apps Pro et Game).
   Variables CSS posées sur la racine de la page, thème sombre par défaut et
   thème clair ([data-theme="light"]). Chargé AVANT la feuille de l'app : une
   app peut redéfinir ces jetons dans la sienne (Game le fera) sans dupliquer
   les composants. Sorti de styles.css le 02/11/2026, dans l'ordre d'origine. */

  :root{
    --bg: #0b0d07;
    --bg-elevated: #18181a;   /* 27/10 : le gris des blocs, plus de teinte verte */
    /* Fond des blocs et des cartes. Un seul jeton pilote tout : hero, cartes de
       marche, panneau de trading, lignes de reponse, cartes de portefeuille.
       Abaisse de 10 % a 6 % (17/08). 27/10 : gris neutre opaque, celui des
       cartes de la home, sur toutes les pages (le blanc a 6 % prenait la
       teinte verte du fond). */
    --block-bg: #18181a;
    --block-hover: #1f1f22;     /* un cran au-dessus du bloc, meme teinte neutre */
    --border: rgba(255,255,255,0.07);
    --border-hover: rgba(255,255,255,0.15);
    --edge: rgba(255,255,255,0.07);
    --edge-hover: rgba(255,255,255,0.12);
    --text: #f2f3f0;
    --text-dim: #9a9ca3;
    --text-faint: #6a6c72;
    --accent: #BFFF00;
    --accent-dim: rgba(191,255,0,0.14);
    --oui: #BFFF00;
    --oui-dim: rgba(191,255,0,0.14);
    --non: #82ac00;
    --non-dim: rgba(130,172,0,0.14);
    --radius: 14px;
  }

  /* ============================================================
     THÈMES — jetons sombre (par défaut) et clair
     Langage visuel aligné sur guyhub.uk : cartes à bordure fine,
     fond neutre, survols sobres, typographie Inter.
     ============================================================ */

  :root{
    /* Aplats de marque. Le lime reste un FOND : en thème clair il ne passe
       pas comme couleur de texte (contraste ~1,1:1 sur blanc), d'où la
       séparation entre --accent (texte) et --accent-fill (aplat). */
    --accent-fill:#BFFF00;
    --oui-fill:#BFFF00;
    --non-fill:#82ac00;
    --on-accent:#0b0d07;

    /* Carte : la séparation se lit sur la bordure, pas sur le remplissage. */
    --card-border:rgba(255,255,255,0.13);
    --card-border-hover:rgba(255,255,255,0.19);

    /* 27/10 : un seul gris de fond en sombre, celui des blocs. Les blancs
       translucides prenaient la teinte verte de la page (#171913 sous les
       boutons ronds) ou eclaircissaient le bloc (#242425). */
    --surface-1:#18181a;
    --surface-2:#18181a;
    --switch-off:#18181a;
    --seg-track:#18181a;            /* creux du segment Oui/Non */
    --tooltip-bg:#17171c;

    /* Tracés de graphe : lus par app.js, donc suivent le thème. */
    --chart-lead:#BFFF00;
    --chart-dim:#82ac00;

    --radius:16px;
  }

  :root[data-theme="light"]{
    /* Toile gris clair, cartes blanches : meme partition que le mode
       admin de guyhub. C'est le contraste toile/carte qui detache
       les blocs, pas une ombre portee. */
    --bg:#f7f7f7;
    --bg-elevated:#ffffff;
    --block-bg:#ffffff;
    --block-hover:#fafafa;
    --border:#dddddd;
    --border-hover:#b0b0b0;
    /* Bordures retirees AU REPOS en mode clair (14/09) : le contraste
       toile/carte suffit a detacher les blocs. Elles REVIENNENT AU SURVOL,
       ou elles portent seules l'affordance — la charte interdit l'ombre au
       survol et le fond ne bouge pas. D'ou : --edge / --card-border
       transparents, mais leurs variantes -hover bien visibles. */
    --edge:transparent;
    --edge-hover:#dddddd;
    --card-border:transparent;
    --card-border-hover:#dddddd;
    --text:#222222;
    --text-dim:#717171;
    --text-faint:#717171;
    --accent:#4d6a00;
    --accent-dim:rgba(191,255,0,0.40);
    --oui:#4d6a00;
    --oui-dim:rgba(191,255,0,0.40);
    --non:#476200;
    --non-dim:rgba(130,172,0,0.24);
    --surface-1:rgba(0,0,0,0.05);
    --surface-2:rgba(0,0,0,0.03);
    --switch-off:#dddddd;
    --seg-track:rgba(0,0,0,0.06);
    --tooltip-bg:#ffffff;
    --chart-lead:#4d6a00;
    --chart-dim:#9ec13d;
  }

  /* ---------- Couleurs de donnee ----------
     UNE valeur par role, la meme dans les deux themes : plus de jeton en
     double, plus de bloc [data-theme] pour la donnee, et un graphe n'a plus
     besoin de relire ses couleurs quand on bascule de theme.

       vert #64a600  le plus clair qui tienne encore 3:1 sur blanc
                     (au-dessus on decroche : #9ec13d tombe a 2,07, le lime a 1,20)
       bleu #437ad9  l'optimum : ~4,2:1 sur les deux fonds a la fois

     Le lime reste reserve aux CTA. Les teintes sont exprimees en alpha :
     elles se composent avec le fond, donc s'adaptent seules au theme. */
  :root,
  :root[data-theme="light"]{
    --c-oui:#64a600;
    --c-non:#437ad9;
    --c-oui-tint:rgba(100,166,0,0.12);
    --c-non-tint:rgba(67,122,217,0.12);

    /* Les anciens noms deviennent des alias : tout le CSS existant suit. */
    --oui:var(--c-oui);
    --non:var(--c-non);
    --oui-dim:var(--c-oui-tint);
    --non-dim:var(--c-non-tint);
    --oui-fill:var(--c-oui);
    --non-fill:var(--c-non);
    /* « lead / dim » ne valent plus que pour le CLASSEMENT d'un marche a
       reponses multiples ; sur un binaire, la couleur suit la reponse. */
    --chart-lead:var(--c-oui);
    --chart-dim:var(--c-non);
  }

  /* Les widgets natifs (menu du select, ascenseurs, champs) suivent le theme :
     sans ca, la liste sort en clair sur une page sombre. */
  :root{ color-scheme:dark; }
  :root[data-theme="light"]{ color-scheme:light; }

  /* Rail des barres de progression (.ca-bar) : un jeton par thème. */
  :root{ --track:rgba(255,255,255,0.10); }
  :root[data-theme="light"]{ --track:#e8e8e8; }

  /* Le rembourrage bas de la barre ET celui de la feuille sont la MEME valeur :
     c'est ce qui fait que le bouton ne bouge pas d'un pixel a l'ouverture. Un
     seul jeton, pour qu'on ne puisse pas en changer un sans l'autre. */
  :root{ --tp-bas:16px; }