/* Colors */
:root {
    --sp-green: #ffffff;
    --sp-white: #ffffff;

    /* Primary – acil kırmızı (dikkat & hız) */
    --sp-primary: #d90429;          /* rescue red */
    --sp-primary-dark: #9b021c;     /* koyu, güçlü */
    --sp-primary-light: #fff1f3;    /* açık arka planlar */

    /* Secondary – uyarı sarısı */
    --sp-secondary: #fca311;        /* warning yellow */
    --sp-secondary-dark: #1f2933;   /* asfalt siyahı */

    /* Borders – temiz ama net */
    --sp-border-dark: #d6d6d6;
    --sp-border-light: #eaeaea;
    --sp-border-extra-light: #f5f5f5;

    /* Scrollbar */
    --sp-scrollbar-thumb: #bfbfbf;

    /* Fonts */
    --sp-font-sans-serif:"Fira Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --sp-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

    /* Gradients – kırmızı gücü */
    --sp-gradient: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0));
    --sp-gradient-focus:
        linear-gradient(#d90429, #d90429),
        linear-gradient(#eaeaea, #eaeaea);

    /* Effects */
    --sp-shadow: 0 10px 28px rgba(217,4,41,.35);
    --sp-radius: 3px;
    --sp-transition: all .25s cubic-bezier(.4,0,.2,1);
}


/* ---//--- */

/* --- Selection Colors --- */
::-webkit-selection {
    background-color: var(--sp-primary);
    color: #ffffff;
}

::selection {
    background-color: var(--sp-primary);
    color: #ffffff;
}

/* ---//--- */

/* --- Scrollbar Colors --- */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: var(--sp-border-extra-light);
}

::-webkit-scrollbar-thumb {
    background-color: var(--sp-scrollbar-thumb);
    border-radius: 10px;
}

::-webkit-scrollbar-corner {
    background-color: var(--sp-border-extra-light);
}
body {
    background: #ffffff;
}
/* ---//--- */