/* themes/cagdas/theme.css: tokens and textures from docs/design/cagdas.md.
   Components use only these variables and the .rs-* texture classes. */
/* Fonts are served from themes/cagdas/fonts/ (SIL OFL 1.1, via @fontsource; latin + latin-ext covers Turkish).
   No request leaves the server. */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-latin-ext-400-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-latin-ext-500-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-latin-ext-600-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-latin-ext-700-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-latin-700-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-latin-ext-400-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-latin-ext-500-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-latin-ext-600-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-latin-600-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-latin-ext-700-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-latin-700-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/source-serif-4-latin-ext-400-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/source-serif-4-latin-400-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/source-serif-4-latin-ext-500-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/source-serif-4-latin-500-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/source-serif-4-latin-ext-600-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/source-serif-4-latin-600-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/source-serif-4-latin-ext-700-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/source-serif-4-latin-700-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/source-serif-4-latin-ext-400-italic.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/source-serif-4-latin-400-italic.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/caveat-latin-ext-500-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/caveat-latin-500-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/caveat-latin-ext-600-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/caveat-latin-600-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/caveat-latin-ext-700-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/caveat-latin-700-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Masa (koyu zemin, arayüz kabuğu) */
  --rs-desk: #1a1c1f;
  --rs-desk-2: #22252a;
  --rs-desk-3: #2c3036;
  --rs-desk-line: #3a3f46;
  --rs-on-desk: #ece7de;
  --rs-on-desk-strong: #ffffff;
  --rs-on-desk-muted: #a6a096;
  --rs-scrim: rgba(10, 11, 13, 0.72);
  --rs-chip-scrim: rgba(26, 28, 31, 0.85);

  /* Kâğıt ve mürekkep */
  --rs-paper: #f7f4ec;
  --rs-paper-2: #efeadf;
  --rs-paper-line: #d9d2c3;
  --rs-paper-white: #ffffff;
  --rs-ink: #1f2328;
  --rs-ink-muted: #5b5f66;
  --rs-ink-pen: #2b3a67;
  --rs-stamp: rgba(160, 40, 40, 0.78);
  --rs-letter: #fbf3df;
  --rs-letter-rule: #c9d6e6;
  --rs-letter-margin: rgba(199, 54, 44, 0.35);
  --rs-thermal: #fbfaf6;
  --rs-zebra: rgba(0, 0, 0, 0.035);
  --rs-tape: rgba(236, 226, 196, 0.78);
  --rs-photo-border: #fdfcf8;
  --rs-ticket: #e9eef2;
  --rs-ticket-line: #9aa6b0;

  /* Ekran ve kamera görünümleri */
  --rs-cctv: #14171a;
  --rs-cctv-2: #3a4044;
  --rs-cctv-text: #e6f2e6;
  --rs-device: #0e0f11;
  --rs-screen: #eceae5;
  --rs-screen-bar: #f7f6f2;
  --rs-screen-line: #dad6ce;
  --rs-screen-pill: #ddd9d1;
  --rs-screen-pill-ink: #4a4740;
  --rs-screen-avatar: #b9b2a4;
  --rs-screen-muted: #a9a396;
  --rs-bubble-in: #ffffff;
  --rs-bubble-out: #d8e4ee;
  --rs-grid: rgba(70, 120, 180, 0.16);
  --rs-grid-major: rgba(70, 120, 180, 0.28);

  /* Dosya ve pano */
  --rs-manila: #e4cb93;
  --rs-manila-2: #d6b877;
  --rs-manila-ink: #4b3a17;
  --rs-manila-field: rgba(255, 255, 255, 0.55);
  --rs-cork: #b98b5c;
  --rs-portrait-1: #c9c3b6;
  --rs-portrait-2: #9e978a;
  --rs-portrait-ink: #7d776b;
  --rs-clip: #8c9096;

  /* Vurgu = kırmızı ip */
  --rs-string: #c7362c;
  --rs-accent: #c7362c;
  --rs-accent-strong: #a82a21;
  --rs-on-accent: #fff8f0;
  --rs-accent-text-on-desk: #f08a80;
  --rs-accent-soft: rgba(199, 54, 44, 0.16);
  --rs-pin-hi: #f07a6e;
  --rs-pin-lo: #7e1a13;

  /* Oyuncular (rol harfine bağlı, vakaya değil) */
  --rs-a: #5b9be6;
  --rs-a-paper: #dce9f8;
  --rs-a-ink: #1f5a9e;
  --rs-a-on: #0e2340;
  --rs-b: #e59a3c;
  --rs-b-paper: #f9e4c1;
  --rs-b-ink: #8a4b0b;
  --rs-b-on: #3a1e00;
  --rs-on-role-ink: #ffffff;

  /* Durumlar */
  --rs-ok: #4fa36f;
  --rs-ok-paper: #d6ebdd;
  --rs-ok-ink: #226b3e;
  --rs-warn: #e0a93b;
  --rs-warn-paper: #f6e7bf;
  --rs-warn-ink: #6b4a00;
  --rs-on-warn: #2b1e00;
  --rs-warn-glow: rgba(224, 169, 59, 0.2);
  --rs-new: #f3d34a;
  --rs-new-ink: #3a2e00;
  --rs-new-edge: rgba(58, 46, 0, 0.25);
  --rs-select-a: rgba(91, 155, 230, 0.38);
  --rs-select-b: rgba(229, 154, 60, 0.38);

  /* Yazı tipleri */
  --rs-font-ui: 'IBM Plex Sans', system-ui, sans-serif;
  --rs-font-doc: 'Source Serif 4', Georgia, serif;
  --rs-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --rs-font-hand: 'Caveat', cursive;

  /* Köşe */
  --rs-r-paper: 2px;
  --rs-r-ui: 6px;
  --rs-r-panel: 10px;
  --rs-r-pill: 999px;

  /* Gölge */
  --rs-shadow-paper: 0 1px 1px rgba(0, 0, 0, 0.25), 0 12px 32px rgba(0, 0, 0, 0.45);
  --rs-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 6px 14px rgba(0, 0, 0, 0.28);
  --rs-shadow-modal: 0 24px 64px rgba(0, 0, 0, 0.6);
  --rs-shadow-pop: 0 10px 24px rgba(0, 0, 0, 0.45);
  --rs-shadow-row: 0 1px 3px rgba(75, 58, 23, 0.35);
  --rs-shadow-bubble: 0 1px 1px rgba(0, 0, 0, 0.08);
  --rs-shadow-receipt: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.45));
}

/* Dokular: yalnız CSS, görsel dosya yok */
.rs-desk {
  background:
    radial-gradient(ellipse 70% 55% at 50% -5%, rgba(255, 232, 190, 0.07), transparent 70%),
    radial-gradient(ellipse at 50% 120%, rgba(0, 0, 0, 0.35), transparent 60%), var(--rs-desk);
}
.rs-paper {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 35%),
    repeating-linear-gradient(0deg, rgba(60, 50, 30, 0.018) 0 1px, transparent 1px 3px), var(--rs-paper);
}
.rs-manila {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 45%), var(--rs-manila);
}
.rs-cork {
  background-color: var(--rs-cork);
  background-image:
    radial-gradient(rgba(70, 40, 12, 0.28) 1px, transparent 1.5px),
    radial-gradient(rgba(255, 228, 186, 0.22) 1px, transparent 1.5px),
    radial-gradient(rgba(70, 40, 12, 0.16) 1.6px, transparent 2.2px);
  background-size:
    7px 7px,
    11px 11px,
    17px 17px;
  background-position:
    0 0,
    3px 5px,
    8px 2px;
  box-shadow: inset 0 0 60px rgba(40, 20, 0, 0.5);
}
/* mektup gövdesi: font-size 26px, line-height 36px, padding-left 72px */
.rs-letter {
  background:
    radial-gradient(
      circle at 78% 82%,
      transparent 46px,
      rgba(150, 105, 50, 0.16) 47px,
      rgba(150, 105, 50, 0.08) 52px,
      transparent 53px
    ),
    linear-gradient(90deg, transparent 52px, var(--rs-letter-margin) 52px, var(--rs-letter-margin) 53.5px, transparent 53.5px),
    repeating-linear-gradient(180deg, transparent 0 35px, var(--rs-letter-rule) 35px 36px), var(--rs-letter);
}
.rs-graph {
  background:
    linear-gradient(var(--rs-grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--rs-grid-major) 1px, transparent 1px),
    linear-gradient(var(--rs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--rs-grid) 1px, transparent 1px),
    var(--rs-paper);
  background-size:
    60px 60px,
    60px 60px,
    12px 12px,
    12px 12px;
}
.rs-pin {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, var(--rs-pin-hi), var(--rs-string) 55%, var(--rs-pin-lo));
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.rs-portrait {
  background: linear-gradient(160deg, var(--rs-portrait-1), var(--rs-portrait-2));
}
.rs-scan {
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 3px),
    radial-gradient(ellipse at 50% 40%, var(--rs-cctv-2), var(--rs-cctv) 75%);
}
.rs-barcode {
  background: repeating-linear-gradient(
    90deg,
    var(--rs-ink) 0 2px,
    transparent 2px 4px,
    var(--rs-ink) 4px 5px,
    transparent 5px 8px,
    var(--rs-ink) 8px 11px,
    transparent 11px 12px,
    var(--rs-ink) 12px 13px,
    transparent 13px 17px
  );
}
/* termal makbuzun tırtıklı alt kenarı */
.rs-tear {
  height: 10px;
  background:
    linear-gradient(-45deg, transparent 6px, var(--rs-thermal) 6px) 0 0 / 12px 10px repeat-x,
    linear-gradient(45deg, transparent 6px, var(--rs-thermal) 6px) 0 0 / 12px 10px repeat-x;
}
.rs-tape {
  background: var(--rs-tape);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}