[CSS] Пара непростых вопросов про размеры и цвета

Подскажите пожалуйста, как можно с использованием CSS:

1. Указать объекту (OBJECT), что его ширина будет 100% от доступной ширины страницы, а высота 50% от этой вот ширины (т.е. мне нужно соблюдать соотношение сторон независимо от размера окна браузера, и при этом, чтобы картинка была по ширине страницы)? OBJECT ссылается на SVG файл, в котором установлено: viewBox="0 0 1000 500" preserveAspectRatio="meet".

2. Можно ли определить переменные или макросы для значений аттрибутов, т.е. что то вроде такого:
myred = #F00000;

p { background-color: $myred };
th { border:1px solid $myred };

Последнее особенно нужно.