| 1 | /*! Fiesta 1.0.0 | MPL-2.0 | https://fiesta.rastrillo.org */ |
| 2 | |
| 3 | :root { |
| 4 | color-scheme: light dark; |
| 5 | |
| 6 | --rst-font: "Helvetica Neue", Helvetica, "Segoe UI Variable Text", "Segoe UI", Roboto, Arial, ui-sans-serif, system-ui, sans-serif; |
| 7 | |
| 8 | --rst-radius: 4px; |
| 9 | --rst-radius-sm: 2px; |
| 10 | --rst-radius-pill: 999px; |
| 11 | |
| 12 | --rst-bg: light-dark(#f4f5f8, #0b0d10); |
| 13 | --rst-surface: light-dark(#ffffff, #14171c); |
| 14 | --rst-surface-2: light-dark(#eef0f4, #101318); |
| 15 | --rst-line: light-dark(#dde0e7, #232830); |
| 16 | --rst-line-strong: light-dark(#6d7482, #7b828f); |
| 17 | |
| 18 | --rst-header-rule: color-mix(in oklab, var(--rst-accent) 45%, var(--rst-line)); |
| 19 | |
| 20 | --rst-text: light-dark(#0c0e12, #e9ebef); |
| 21 | --rst-text-muted: light-dark(#454b57, #a4acb9); |
| 22 | --rst-text-faint: light-dark(#5b6270, #959dac); |
| 23 | |
| 24 | --rst-accent: light-dark(#1a56ff, #6d90ff); |
| 25 | --rst-accent-strong: light-dark(#0f3fd6, #9ab2ff); |
| 26 | --rst-accent-soft: light-dark(#e9eeff, #121a30); |
| 27 | --rst-on-accent: light-dark(#ffffff, #05070d); |
| 28 | |
| 29 | --rst-tone-neutral-fg: light-dark(#3b414d, #c6cdd8); |
| 30 | --rst-tone-neutral-bg: light-dark(#e6e8ee, #232830); |
| 31 | --rst-tone-positive-fg: light-dark(#08624a, #4fdba2); |
| 32 | --rst-tone-positive-bg: light-dark(#d6efe6, #082720); |
| 33 | --rst-tone-warning-fg: light-dark(#7a4708, #f3c669); |
| 34 | --rst-tone-warning-bg: light-dark(#f8e5c2, #2a2009); |
| 35 | --rst-tone-negative-fg: light-dark(#a8121f, #ff8f99); |
| 36 | --rst-tone-negative-bg: light-dark(#fbdee0, #2e1418); |
| 37 | |
| 38 | --rst-shadow-pop: 0 4px 10px light-dark(rgba(12, 14, 18, 0.22), rgba(0, 0, 0, 0.62)); |
| 39 | --rst-shadow-knob: 0 1px 2px light-dark(rgba(12, 14, 18, 0.45), rgba(0, 0, 0, 0.6)); |
| 40 | --rst-shadow-knob-hover: var(--rst-shadow-knob); |
| 41 | --rst-shadow-lift: 0 1px 2px light-dark(rgba(12, 14, 18, 0.2), rgba(0, 0, 0, 0.5)); |
| 42 | --rst-overlay: light-dark(rgba(9, 11, 16, 0.55), rgba(3, 4, 7, 0.72)); |
| 43 | |
| 44 | --rst-accent-fill: var(--rst-accent); |
| 45 | --rst-accent-fill-hover: var(--rst-accent-strong); |
| 46 | --rst-accent-fill-edge: var(--rst-accent); |
| 47 | --rst-accent-fill-edge-hover: var(--rst-accent-strong); |
| 48 | --rst-on-accent-fill: var(--rst-on-accent); |
| 49 | --rst-danger-fill: var(--rst-tone-negative-fg); |
| 50 | --rst-danger-fill-hover: var(--rst-tone-negative-fg); |
| 51 | --rst-danger-fill-edge: var(--rst-tone-negative-fg); |
| 52 | --rst-danger-fill-edge-hover: var(--rst-tone-negative-fg); |
| 53 | --rst-on-danger-fill: var(--rst-on-accent); |
| 54 | --rst-on-danger-fill-hover: var(--rst-on-accent); |
| 55 | --rst-danger-hover-filter: brightness(0.9); |
| 56 | --rst-control-face: var(--rst-surface); |
| 57 | --rst-control-face-hover: var(--rst-surface); |
| 58 | --rst-control-face-press: transparent; |
| 59 | --rst-control-border: var(--rst-line-strong); |
| 60 | --rst-control-border-hover: var(--rst-accent); |
| 61 | --rst-control-text-hover: var(--rst-accent); |
| 62 | --rst-ghost-edge: var(--rst-line-strong); |
| 63 | --rst-ghost-face-hover: transparent; |
| 64 | --rst-ghost-edge-hover: var(--rst-line-strong); |
| 65 | --rst-summary-face: transparent; |
| 66 | --rst-summary-face-hover: transparent; |
| 67 | --rst-summary-edge: transparent; |
| 68 | --rst-summary-edge-hover: transparent; |
| 69 | --rst-summary-radius: 0; |
| 70 | --rst-depth-hl: transparent; |
| 71 | --rst-depth-contact: transparent; |
| 72 | --rst-depth-ambient: transparent; |
| 73 | --rst-depth-face: 0; |
| 74 | --rst-press-drop: 0px; |
| 75 | --rst-knob: var(--rst-surface); |
| 76 | --rst-knob-shade: var(--rst-surface); |
| 77 | --rst-track-off: var(--rst-line-strong); |
| 78 | --rst-switch-w: 34px; |
| 79 | --rst-switch-h: 19px; |
| 80 | --rst-switch-knob: 15px; |
| 81 | --rst-switch-touch-w: 34px; |
| 82 | --rst-switch-touch-h: 19px; |
| 83 | --rst-switch-touch-knob: 15px; |
| 84 | --rst-tint-hover: var(--rst-accent-soft); |
| 85 | --rst-tint-press: var(--rst-accent-soft); |
| 86 | --rst-tint-tap: transparent; |
| 87 | --rst-tint-card-hover: transparent; |
| 88 | --rst-tint-tile-hover: var(--rst-surface); |
| 89 | --rst-tint-tile-press: var(--rst-surface); |
| 90 | --rst-tint-group-hover: transparent; |
| 91 | --rst-row-tint-hover: var(--rst-surface-2); |
| 92 | --rst-row-tint-press: var(--rst-surface-2); |
| 93 | --rst-focus-edge: var(--rst-line-strong); |
| 94 | --rst-focus-halo: transparent; |
| 95 | --rst-sheen-fill: transparent; |
| 96 | --rst-sheen-plain: transparent; |
| 97 | --rst-light-rim: var(--rst-line); |
| 98 | --rst-light-wash: transparent; |
| 99 | --rst-press-wash: 0; |
| 100 | --rst-press-spot: 0; |
| 101 | --rst-press-wash-plain: 0; |
| 102 | --rst-press-spot-plain: 0; |
| 103 | --rst-title-size: 1.375rem; |
| 104 | --rst-title-weight: 600; |
| 105 | --rst-title-track: -0.015em; |
| 106 | --rst-heading-size: var(--rst-fs-base); |
| 107 | --rst-label-case: uppercase; |
| 108 | --rst-label-track: 0.06em; |
| 109 | --rst-rail-bg: var(--rst-surface); |
| 110 | --rst-nav-current-bg: var(--rst-accent-soft); |
| 111 | --rst-nav-current-fg: var(--rst-accent); |
| 112 | } |
| 113 | |
| 114 | :root[data-theme="light"] { color-scheme: light; } |
| 115 | :root[data-theme="dark"] { color-scheme: dark; } |
| 116 | |
amadan