/* Khadhami Translator — generated from the page sources.
   Filenames carry a content hash; edit the source, not this file. */
:root {
  /* Interface blue is brightened from the icon's ring so it stays legible on the
     dark ground; the secondary accent is the icon's copper. */
  --navy-900: #010b23;
  --navy-850: #01102f;
  --navy-800: #011035;
  --navy-700: #04193f;
  --navy-600: #0a2350;
  --line:     #16305e;
  --line-soft:#0d2149;

  --ink:      #eaf0fb;
  --ink-2:    #a9bcda;
  --ink-3:    #7389ad;

  --blue:     #0b8cfa;
  --blue-600: #056ef1;
  --blue-200: #8fcaff;
  --amber:    #c87c4a;

  --bg:       var(--navy-800);
  --surface:  var(--navy-700);
  --surface-2:var(--navy-600);

  --maxw: 1160px;
  --pad: clamp(20px, 5vw, 40px);
  --sec: clamp(64px, 9vw, 116px);

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;

  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
          "Liberation Mono", monospace;
  --arabic: "Segoe UI", Tahoma, "Noto Sans Arabic", "Dubai", sans-serif;
}

html[data-theme="light"] {
  --navy-900: #ffffff;
  --navy-850: #f7f9fc;
  --navy-800: #ffffff;
  --navy-700: #f6f8fc;
  --navy-600: #eef2f9;
  --line:     #dbe3ef;
  --line-soft:#e7edf6;
  --ink:      #0c1730;
  --ink-2:    #47566f;
  --ink-3:    #62738d;
  --blue:     #0b6fd0;
  --blue-600: #0a5cb0;
  --blue-200: #0a5cb0;
  --amber:    #8a4a22;
}