/* Ricasso · live-site design tokens (heat-treated oxide accent, 2026-05-08 pivot) */

:root {
  /* surfaces */
  --rc-bg:         #0a0c0d;
  --rc-bg-sunken:  #050607;
  --rc-bg-card:    #111315;
  --rc-bg-surface: #16191b;
  --rc-bg-input:   #0e1011;
  --rc-bg-muted:   #1d2124;

  /* text */
  --rc-text:        #e6e9ea;
  --rc-text-dim:    #9aa1a4;
  --rc-text-muted:  #5d6366;

  /* accent */
  --rc-accent:    #d2552a;
  --rc-accent-dk: #a8421f;
  --rc-accent-lt: #e88456;

  /* borders */
  --rc-border:    #22272a;
  --rc-border-lt: #2e3438;

  /* semantic */
  --rc-success: #d2552a;
  --rc-warning: #c69a52;
  --rc-danger:  #c2503a;

  /* fonts */
  --rc-font-display: "Oswald", "Bebas Neue", "Arial Narrow", sans-serif;
  --rc-font-ui:      "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --rc-font-mono:    "JetBrains Mono", "Menlo", "Consolas", monospace;

  /* weights */
  --rc-weight-regular:  400;
  --rc-weight-medium:   500;
  --rc-weight-semibold: 600;
  --rc-weight-bold:     700;

  /* spacing */
  --rc-space-xs:   4px;
  --rc-space-sm:   8px;
  --rc-space-md:   12px;
  --rc-space-lg:   16px;
  --rc-space-xl:   22px;
  --rc-space-xxl:  32px;
  --rc-space-xxxl: 48px;

  /* radii */
  --rc-radius-none: 0;
  --rc-radius-xs:   2px;
  --rc-radius-full: 999px;

  /* shadows */
  --rc-shadow-none:  none;
  --rc-shadow-fab:   0 8px 24px rgba(0, 0, 0, 0.6);
  --rc-shadow-modal: 0 12px 32px rgba(0, 0, 0, 0.7);
}

/* type scale — ready-to-mix utility-style classes (optional) */
.rc-display-xxl { font-family: var(--rc-font-display); font-size: 56px; font-weight: 700; letter-spacing: -1.5px; line-height: 60px; text-transform: uppercase; }
.rc-display-xl  { font-family: var(--rc-font-display); font-size: 40px; font-weight: 700; letter-spacing: -1px;   line-height: 44px; text-transform: uppercase; }
.rc-display-l   { font-family: var(--rc-font-display); font-size: 30px; font-weight: 700; letter-spacing: -0.5px; line-height: 34px; text-transform: uppercase; }
.rc-display-m   { font-family: var(--rc-font-display); font-size: 22px; font-weight: 700; letter-spacing: -0.3px; line-height: 26px; text-transform: uppercase; }
.rc-display-s   { font-family: var(--rc-font-display); font-size: 18px; font-weight: 700; letter-spacing:  1px;   line-height: 22px; text-transform: uppercase; }

.rc-body-l   { font-family: var(--rc-font-ui); font-size: 15px; font-weight: 400; line-height: 22px; }
.rc-body     { font-family: var(--rc-font-ui); font-size: 13px; font-weight: 400; line-height: 19px; }
.rc-body-s   { font-family: var(--rc-font-ui); font-size: 12px; font-weight: 400; line-height: 17px; }
.rc-body-med { font-family: var(--rc-font-ui); font-size: 13px; font-weight: 500; line-height: 19px; }

.rc-mono-l  { font-family: var(--rc-font-mono); font-size: 13px; font-weight: 500; letter-spacing: 0.5px; line-height: 18px; }
.rc-mono    { font-family: var(--rc-font-mono); font-size: 11px; font-weight: 500; letter-spacing: 1px;   line-height: 15px; }
.rc-mono-s  { font-family: var(--rc-font-mono); font-size:  9px; font-weight: 700; letter-spacing: 1.8px; line-height: 13px; text-transform: uppercase; }
.rc-mono-xs { font-family: var(--rc-font-mono); font-size:  8px; font-weight: 700; letter-spacing: 2px;   line-height: 12px; text-transform: uppercase; }